HTML Tutorial

Line Breaks and Horizontal

Line Breaks:

To insert a line break and move text to the next line without starting a new paragraph, use the <br> tag. This tag is self-closing, meaning it doesn’t have a closing counterpart. Line breaks are useful for adding spacing between lines of text or breaking long lines of text into shorter ones. Example:

				
					<p>This is the first line.<br>This is the second line, after a line break.</p>

In this example, the <br> tag creates a break between “first line” and “second line,” placing the second line directly below the first.

Horizontal Rules:

To put a horizontal line that covers the width of the page, use <hr> the tag. This tag establishes a visual distinction between portions of material and is commonly used to divide different components of a website.

Example:

				
					<h2>Section One</h2>
<p>This is the first section of content.</p>

<hr>

<h2>Section Two</h2>
<p>This is the second section of content, separated by a horizontal line.</p>

In this example, the <hr> tag creates a horizontal line between the two sections, helping to visually separate them.

Both <br> and <hr> tags are simple ways to control the layout and organization of content on your webpage, improving readability and structure.

How to Create a...

The Ultimate Travel Companion:...

HTML Tutorial

Line Breaks and Horizontal

Try It Yourself

How to Create a Clone Website (Fake Website)

The Ultimate Travel Companion: Top 5 Must-Have Apps

HTML Tutorial

Line Breaks and Horizontal

Try It Yourself