<p>
The <p> HTML element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs can be any structural grouping of related content, such as images or form fields.
Paragraphs are block-level elements, and notably will automatically close if another block-level element is parsed before the closing </p> tag. See "Tag omission" below.
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 |
Syntax
<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.
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.