HTML br Tag is used to text line break. Means if you have long text or paragraph tag and screen size is small then you break a line into multipart using HTML <br> tag.
The <br> tag inserts a single line break and its an empty tag. Which means it has no end tag. Like other tags.
How to HTML break line?
An <br> element is used to break a line within a parent element. For an example parent element is a paragraph. And insert HTML br tag into element content without breaking out of the parent container.
HTML Line Break Example |Code
See below example how to html break line. In this example, we use 2 times <br> tag, so a paragraph will break 2 times. See below code.
|
1 2 3 4 5 6 7 8 |
<!DOCTYPE html> <html> <body> <p>A break lines sentance<br>to make text<br>readable and in screen.</p> </body> </html> |
Output:
Question: Can html line break without br?
Answer: Let’s do first brain storming what actually problem. For example, we write a text verticle one line by line but in the browser, it will show in a single line.
Example: Problem
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <body> <p>A break lines sentance to make textreadable and in screen. This is problem. </p> </body> </html> |
Output:
Coming to answer, is it possible to do break line without using <br> tag?
Yes, it is possible, by using a <pre> tag to keep the line breaks. <pre> tag can use for any pattern you want.
Let’s see the example- Solution
|
1 2 3 4 5 6 7 8 |
<!DOCTYPE html> <html> <body> <pre>A break lines sentance to make textreadable and in screen. Solution. |