HTML Line Break

HTML Tutorial – HTML Line Break using br Tag

Rawat Digamber /  Read Time: 1 minute

In this tutorial, we are going to discuss how to create an HTML line break using br tag.To break a line in HTML we use br tag. This tag is very useful when you are writing any content where line breaks are required.

Example HTML Line Break with br Tag

<p>
"And then the day came <br>
when the risk to remain tight <br>
in a bud was more painful <br>
then the risk, it took to blossom."
<p>


// Above code output
"And then the day came
when the risk to remain tight
in a bud was more painful
then the risk, it took to blossom."

As you can understand from the given example, we have added br tag at the end of every line and in the output, we get separate lines.

Note: Please don’t use br tag to separate between paragraphs. Use CSS to create margins and padding instead of br tag.

In the given below case, we have used the br tag to generate line breaks within the different lines of a mail address.

// Postal address

positronX.io<br>
Plot no 44. Phase 1<br>
New Delhi, India<br>
110043<br>
India<br>


// Result
positronX.io
Plot no 44. Phase 1
New Delhi, India
110043
India

Written by Digamber

I am passionate about solving real-world problems through algorithms and functional design. I create digital products that make the user’s life easy using the latest programming languages and frameworks. e.g Angular 2+, Firebase Real-time Database, JavaScript, TypeScript, RxJS, Bootstrap, HTML5, CSS3, WordPress etc...