HTML <p> Tag
Example
A paragraph is marked up as follows:
<p>This is some text in a paragraph.</p>
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The <p>
tag defines a paragraph.
Browsers automatically add some space (margin) before and after each <p>
element. The margins can be modified with CSS (with the margin properties).
Browser Support
Element | |||||
---|---|---|---|---|---|
<p> | Yes | Yes | Yes | Yes | Yes |
Global Attributes
The <p>
tag also supports the Global Attributes in HTML.
Event Attributes
The <p>
tag also supports the Event Attributes in HTML.
More Examples
Example
Align text in a paragraph (with CSS):
<p style="text-align:right">This is some text in a paragraph.</p>
Try it Yourself »
Example
More on paragraphs:
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
Try it Yourself »
Example
Poem problems in HTML:
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My
Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
Try it Yourself »
Related Pages
HTML tutorial: HTML Paragraphs
HTML DOM reference: Paragraph Object
Default CSS Settings
Most browsers will display the <p>
element with the following default values:
Example
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
Try it Yourself »