Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Design > Voices That Matter

  • Print
  • + Share This
This chapter is from the book

Using Preformatted Text

Browsers usually ignore invisible formatting that doesn’t affect page content, such as tabs, extra spaces, extra line feeds, and the like. If you need to display text exactly as entered, however, you can use the Preformatted paragraph format, which wraps the text in the <pre>...</pre> tags and makes browsers display all of the text characters.

Originally, preformatted text was meant to display tabular data in rows and columns, as in the output of a spreadsheet. To make the information line up, browsers display preformatted text in a monospaced font such as Courier red_circle_a.jpg.

To apply preformatting:

  1. Select the text you want to change.
  2. From the Format pop-up menu of the HTML mode of the Property inspector, choose Preformatted.


    In the Text category of the Insert panel, click the Preformatted Text button red_circle_b.jpg.


    red_circle_b.jpg Apply the style with the Preformatted Text button.


    Choose Format > Paragraph Format > Preformatted Text.

    The text changes appearance.

  • + Share This
  • 🔖 Save To Your Account