HTML Paragraph Tag: Add Text Content in a Webpage

In this tutorial, learn how to add text content using the HTML Paragraph tag. You can display your text content with more than few lines by putting it inside <p> start tag and </p> close tag.

When you start a blogging website, you also require to add some content. HTML <p> tag is the required tag bloggers can use to add blog content. It automatically adds a margin to the above and below each paragraph.

Syntax

Example

Test it Live

Output

This is a simple paragraph.

HTML paragraph tag with two para

If you want to add more than one paragraph on your content. You have to use the below example.

Test it Live

Output

This is my first paragraph

This is my second paragraph

The example adds two or more than two paragraphs on the content of a page. Similarly, you can add more content according to your requirements.

Line Breaks Inside Paragraph tag

A single line break slips down the further content below one line. It
<br> tag is used to insert a line break inside a paragraph.

Test it Live

Output

This is my paragraph with
line break

HTML paragraph with justify aligned Text

If you want to make your HTML Paragraphs in justified aligned format as of word doc, then you have to use <p align=”justify”>.

Test it Live

Output

This is my paragraph with the justified aligned format to put my text inside HTML looks the same format as of word document. The word documents look really cool and you can also make your HTML paragraphs as of it. The alignment option justification can make your HTML paragraph show in a justified way.

HTML Paragraph with center aligned text

If you want to make your HTML Paragraphs centered aligned , then you have to use <p align=”center”>.

Test it Live

Output

This is my paragraph with the centered aligned format to put my text inside HTML looks the same format as of word document with centered aligned text. The word documents look really cool and you can also make your HTML paragraphs as of it. The alignment option centered can make your HTML paragraph show in a centered aligned way.

HTML Paragraph with left aligned text format

If you want to make your HTML Paragraphs left aligned , then you have to use <p align=”left”>.

Test it Live

Output

This is my paragraph with left-aligned format to put my text inside HTML looks the same format as of word document with left-aligned text. The word documents look really cool and you can also make your HTML paragraphs as of it. The alignment option left can make your HTML paragraph show in a left-aligned way.

HTML Paragraph with right aligned text format

If you want to make your HTML Paragraphs right aligned , then you have to use <p align=”right”>.

Test it Live

Output

This is my paragraph with right-aligned format to put my text inside HTML looks the same format as of word document with right-aligned text. The word documents look really cool and you can also make your HTML paragraphs as of it. The alignment option right can make your HTML paragraph show in a right-aligned way.

ULTIMATE TOOLKIT Free eBook

Get FREE Access to Toolkit and Resources that we are using in Tutorialdeep that Every Professional Should Have! in one handy PDF.

Download Link Will be Send to Your Email id