¶ :: <p>


The simple and effective way to manage blocks of text.

Your Core Text Tag

Any sentence or group of sentences that are not a heading should generally be wrapped in a <p> tag.

Allows you to:

  • Effectively manage white space with CSS
  • Semantically separate blocks of text
  • Design sites for use with WYSIWYG editors


Keep it Clean

Text content should be as clean as possible. Here are some best practices:

  • Don't use classes or IDs on <p> or <h#> tags. Use semantic classes on the parent element (often a DIV) instead.
  • Don't nest <p> tags.
  • Make sure to use matched closing </p> tags (although not absolutely required by all browsers).
  • Plan on your copy being updated in the future using a WYSIWYG editor.
  • If you find yourself using multiple <br>s in a row... you should probably be using a <p>.


¶ Because your content deserves the best.