<p> element, also known as the paragraph element, contains and displays a block of text. They are among the most common text-based HTML elements.
They are block-level, which means it is as wide as its parent element and as tall as its content’s height. In addition, browsers automatically add a single blank line before and after each
The paragraph element is enclosed by an opening
<p> tag and a closing
<p>This is some text in a paragraph.</p>
<!DOCTYPE html><html><body><div style="width: 50%; margin: auto; border: 2px solid black;"><p style="padding: 10px; font-family: system-ui;">It was love at first sight. The first time Yossarian saw the chaplain hefell madly in love with him. Yossarian was in the hospital with a painin his liver that fell just short of being jaundice.</p></div></body></html>
Accessibility with Paragraphs
Paragraphs are relatively easy for accessibility devices, such as screen readers, to find and process. The more
<p> elements, the better.
Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.
Learn HTML on Codecademy
Front-End EngineerFront-end engineers work closely with designers to make websites beautiful, functional, and fast.
Includes 34 Courses
With Professional Certification