HTML Tutorial

Chapter 4 – HTML Line Breaks and Horizontal line

Welcome to the fourth chapter of HTML tutorial. In the previous tutorial, we learnt HTML Headings and Paragraphs. In this tutorial, we will discuss about Line breaks and Horizontal line in HTML.

Line Breaks

If you want to display a text in a new line without starting a new paragraph, you can use the line break using <br> tag.

An example of this tag in HTML code is shown below for reference.

<p>
Hello,<br>
Welcome to 123mylist.com
</p>

The output of the above code will be as shown below

Horizontal Line

Sometimes you may want to display a text in new line and in addition to that you want to display a visible separator. In such a case you can make use of horizontal line using the <hr> tag.

An example usage of horizontal line is given below for reference:

Hello, this is first line.
<hr>
Hello, this is second line.
                   

The output of this code will be as shown below

Here, you can notice that two lines have a line separator between them in order to distinguish two separate elements.

Hope you liked reading this tutorial, see you in next chapter to explore HTML in further details.

Next Chapter Chapter 5 - HTML Text Styles and Formatting

Follow Me on Social Media

Boost your Sales with Free CRM Software

Streamline your sales process and increase productivity

• Lead & Deal Tracking
• Contact Management
• Manage Tasks, Meetings, Emails
• Custom Fields
• Collaborate within Team

Signup for Free

Sign up for DigitalOcean cloud and get FREE $200 credits

Deploy your hobby projects for Free