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

Home > Articles > Web Design & Development > Adobe Dreamweaver

  • 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-a.jpg.


click here to view image

red-a.jpg Preformatted text lines up neatly, as in this table.

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 red-b.jpg.


    red-b.jpg Apply the style using the Property inspector by choosing Preformatted from the Format menu.


    Choose Format > Paragraph Format > Preformatted Text.

    The text changes appearance.

  • + Share This
  • 🔖 Save To Your Account