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

User your email and password to singn in

Don’t have an account, signup here : 

HTML5 & CSS3

Tools and Tutorials

Want a Website

Want a website for your business ?

Please fill out the details below, so we can reach out to you.

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