How to Add a Line Break in HTML

Use the tag to create a line break in HTML

A line break in HTML is created with the tag, which tells the browser to move text to the next line without starting a new paragraph. The tag is self-closing, meaning it has no opening and closing pair — you write it as or , and the browser understands it either way.

The tag is useful when you need to break a line in the middle of text but don't want the extra spacing that comes with a paragraph tag. Common uses include formatting addresses, poetry, song lyrics, or any text where the line break itself carries meaning.

Key Takeaways

The tag creates a single line break without adding extra space between lines the way paragraphs do.
Write or — both versions work in modern browsers.
Use for content where the line break matters, like addresses or poetry, not for spacing between sections.
Avoid stacking multiple tags to create space — use CSS margins or padding instead.

Where to place the tag in your code

Put the tag directly in your HTML where you want the line to break. It goes inside whatever container holds your text — a paragraph, a div, a heading, or anywhere else text appears.

Here is a simple example with an address:

123 Main Street Springfield, IL 62701

The browser will display this as:

123 Main StreetSpringfield, IL 62701

Notice that the text stays inside the same paragraph — there is no extra gap between the lines the way there would be if you used two separate tags.

The difference between and paragraph tags

The tag and the tag both move text to a new line, but they handle spacing differently. A paragraph tag adds margin above and below the text, creating visible space. A line break does not.

If you write:

First line Second line

The browser puts noticeable space between the two lines. If you write:

First line Second line

The lines sit closer together with no extra gap. Use when the lines belong together as one unit, and use separate paragraphs when they are distinct blocks of content.

Common mistakes with line breaks

The most common mistake is using multiple tags to create space between sections. Writing might look right in the browser, but it is fragile — if you change the text or the screen size, the spacing breaks. CSS is the proper tool for spacing.

Another mistake is forgetting that is self-closing. You do not need a closing tag like . The tag alone is complete.

A third issue is using for layout. If you are trying to position elements on the page or create columns, CSS flexbox or grid will work better and be easier to maintain. Line breaks are for breaking lines of text, not for designing page structure.

When to use and when to use something else

Use for content where the line break is part of the meaning: mailing addresses, poetry, song lyrics, or any text formatted in a specific way. The break itself carries information.

Use separate tags for distinct paragraphs or sections of text. Use <div> or other container tags when you need to group content for styling or layout. Use CSS margins and padding when you need to control space between elements.

If you find yourself writing many tags in a row, stop and think about whether you should be using a different approach. Line breaks are a small, specific tool — not a solution for spacing or layout.

How renders across different browsers and devices

The tag works the same way in every modern browser — Chrome, Firefox, Safari, Edge, and others all handle it identically. It creates a single line break with no extra space, and that behavior is consistent.

On mobile devices, works the same as on desktop. The line break happens at the tag, regardless of screen size. If you are concerned about how your text flows on narrow screens, use CSS media queries to adjust your layout, not extra tags.

Frequently Asked Questions

Can I use inside a heading tag?

Yes. You can put inside any tag that contains text, including headings. Write <h2>First Line Second Line</h2> and the heading will break across two lines with no extra space between them.

What is the difference between and ?

There is no practical difference in modern browsers. is the HTML5 standard, and is the older XHTML style. Both work fine. Use unless you are working with older code that uses the slash version.

Should I use CSS instead of tags?

It depends on why you need the break. If the break is part of the content itself — like an address or poem — use . If you are trying to create space or control layout, use CSS. Mixing the two approaches makes your code harder to maintain.

Can I style a line break with CSS?

You cannot style the tag itself directly in a meaningful way. You can style the text around it by styling the parent element. If you need more control over spacing or appearance, consider using a different HTML structure with CSS instead.

This guide is for general information only and is not medical, financial, legal, or other professional advice. For decisions specific to your situation, consult a qualified professional. See our Editorial Policy.

How to Add a Line Break in HTML

Use the <br> tag to create a line break in HTML

Key Takeaways

Where to place the <br> tag in your code

The difference between <br> and paragraph tags

Common mistakes with line breaks

When to use <br> and when to use something else

How <br> renders across different browsers and devices

Frequently Asked Questions

Can I use <br> inside a heading tag?

What is the difference between <br> and <br />?

Should I use CSS instead of <br> tags?

Can I style a line break with CSS?