Paragraph, break line & and Horizontal rules

The paragraph is a collection of sentences that can be written in <p> tag which is started with the new line. Basically <p> tag defines the Paragraph and by default add the white space into it before and after the Paragraph.

Example: 

<p>Hello all of you.</p>
<p>Good morning.</p>

Note: What you write in the <p> tag does not reflect as it is written. i.e. white spaces are ignored in the <p> paragraph tag.

Example:

<p>
This course will 
brief you 
about the basic and 
advance knowledge 
of html.
</p>

<p>
 This course         will 
brief   you 
about   the      basic and 
advance knowledge 
of    html.</p>

Horizontal Lines in HTML:

If you wanted to use the horizontal line after the paragraph then you have to use the <hr> tag for splitting the paragraph. It is used to separate the content and between two paragraphs. It is a singleton tag that does not have a closing tag.

Example:

<pre>good morning folks</pre>
<p>Write some text here.</p>
<hr>
<pre>good morning folks</pre>
<p>Write some text here</p>
<hr>

good morning folks

good morning folks

Break line tag in Html:

It is known for breaking a segment of the line between the paragraph. For this power, you have to use <br> tag. So if you want to break a line without starting a new line, then you should use the <br> tag.

Example:

<h1>hi all of you<br>waiting for lesson<br>Here is code.</h1>

Pre tag in HTML:

The pre tag is the most vital tag known for its working. This tag defined preformatted text and it displays the matter as it is written in the <pre> tag. This tag is alternative for <p> tag.

Example:

 <pre>This course will brief   you 
about   the      basic and 
advance knowledge 
of    html.</pre>

This course will brief   you 
about   the      basic and 
advance knowledge 
of    html.

See the Pen Paragraph, pre, break line & and Horizontal rules by Jehal Desai (@my-dreamzlive) on CodePen.