Scroll to top
Read Time: 2 min

The HTML <p> element represents a paragraph, and is one of the most commonly used block level elements. HTML paragraphs can be used to structure any group of related content, such as images, videos, or form controls.



Content generated by

<p>Gus is gonna make his move. I don't know when, I don't know where or how. All I know is it's gonna happen. Powerless to stop him.</p>
<p>My partner was about to get himself shot. I intervened. He was angry because those two dealers of yours had just murdered an eleven year-old boy. Then again, maybe he thought it was you who gave the order.</p> 
<p>He has enough money to last forever. He knows he needs to keep moving. You'll never find him. He's out of the picture. I saved his life, I owed him that, but now he and I are done.</p>


By default, browsers separate paragraphs with a single blank line.

The + adjacent sibling combinator is the perfect CSS selector for indenting all paragraphs except the first.

Browser Support

The p element is supported in all modern browsers. Read more on


A p element supports Global Attributes in HTML. Global Attributes are common to all HTML elements and can be used on all of them (though they may not have much of an effect on some of them).


The p element supports phrasing content; inline elements that are used to mark up textual content, such as <span>, <em>, <strong>, and <a>.

List elements (i.e., ul, li) cannot be children of p elements. 


Break content into paragraphs to make a page more accessible. Assistive technologies then know how to provide shortcuts to let users skip to the next or previous paragraph, letting them skim content more efficiently.

Avoid using empty paragraph tags for creating visual space between content. Assistive technologies still treat these empty tags as content to read, which does a disservice to the end user. Use CSS to offset content as necessary instead. 

Learn More

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.