HTML Paragraph Tag: Add Text Content in a Webpage

In this tutorial, learn how to add text content using 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 of each paragraph.

Syntax

Output

Your content goes here…

To add a single paragraph in the content, you have to use the below example.

Example

Output

This is the first paragraph example.

Above is the single content to add on your post or pages.

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.

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 requirement.

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.

Output

This is my first paragraph

This is my second
paragraph with line break

HTML Paragraph Spaces

If you want to put one extra spaces inside a HTML Paragraph then you have to press space button of keyboard. If you want to put more than one extra space inside a HTML paragraph then you have to use &nbsp;

Output

This is my first paragraph with one space only

This is my second  paragraph with two spaces between words second and paragraph.

This is my third   paragraph with three spaces between words third and paragraph.

HTML paragraph with justify aligned format

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

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 centered aligned text format

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

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”>.

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”>.

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.