<p>
The <p> element represents a paragraph of text. It gives prose a clear unit for spacing, reading order, and assistive-technology interpretation.
Overview
The <p> element represents a paragraph of text. It gives prose a clear unit for spacing, reading order, and assistive-technology interpretation.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
| DOM API | ||||||
| The HTMLParagraphElement interface provides special properties (beyond those of the regular HTMLElement object interface it inherits) for manipulating p elements. | 1 | 12 | 1 | 3 | 18 | 1 |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Syntax
HTML
<p>This is the first paragraph. Text content goes here.</p>
<p>This is the second paragraph. Margins are automatically set between paragraphs.</p>Live demo
paragraphinside. inlineelement
p middle to strong, em, a, code equal. inlineelement include.
PreviewFullscreen
Use cases
Body copy
Wrap explanatory text, descriptions, and narrative content in paragraphs that can be styled consistently.
Readable long-form text
Separate blocks of prose into digestible units rather than one large text container.
Cautions
- Do not put block-level structural elements inside a paragraph; the element should contain paragraph content only.
- Using multiple <br> elements for paragraph spacing is harder to maintain and less semantic.
Accessibility
- Clear paragraph structure improves reading rhythm and helps screen readers pause content naturally.
Related links
Powered by web-features