HTML Tags

HTML <p> Tag

The <p> tag defines a paragraph of text in HTML.
It is a block-level element that automatically adds some spacing above and below the text, making content readable and organized.

Syntax

<p>This is a paragraph of text.</p>

Attributes

AttributeDescription
classAssigns one or more class names for styling.
idAssigns a unique identifier to the paragraph.
styleAdds inline CSS styles.
titleProvides additional information as a tooltip.

Example

<p>This is the first paragraph on the page.</p>
<p>This is the second paragraph, which is separated from the first by default spacing.</p>

Output

Browser Output

Use our TryIt Editor to see the output.

Browser Support

Chrome
Chrome
Firefox
Firefox
Edge
Edge
Safari
Safari
Opera
Opera
IE
IE9+
✅Yes✅Yes✅Yes✅Yes✅Yes✅Yes

Paragraphs are block-level elements that display text with spacing above and below. Multiple paragraphs are automatically separated for readability.

Notes

  • The <p> tag is a block-level element, so it starts on a new line and extends the full width of its container.
  • Avoid placing block-level elements like <div> or <h1> inside <p> tags.
  • Use CSS to style paragraphs (color, font, spacing, alignment).
  • Multiple <p> tags create distinct blocks of text on the page.

Conclusion

The <p> tag is the standard way to display paragraphs in HTML.
It provides readable and well-structured text content, which is essential for both users and search engines.

Sign In Form

Use your email and password to sign in

Provide your email and we will send you a password reset link.

Don’t have an account, signup here : 

HTML5 & CSS3

Tools and Tutorials

Registration Form

Signup to track your record and much more.

We have sent you an email with a registration link. Please click the link to verify your email address, or enter the 6-digit OTP provided in the email.

Didn't receive the OTP. Regenerate OTP Resend