HTML <br> Tag – Line Break
📌 Introduction
The <br> tag is used to create a line break in HTML.
It forces the text to move to a new line, without starting a new paragraph.
Unlike most HTML tags, <br> is a self-closing tag (it does not need a closing tag).
🧱 Syntax
<br />
or (HTML5 style):
<br />
💡 Example
<!DOCTYPE html>
<html>
<head>
<title>BR Example</title>
</head>
<body>
<p>Hello<br />World</p>
</body>
</html>
🖥️ Output Explanation
The browser will display:
Hello
World
✔ The <br> forces "World" to move to the next line
🎯 When to Use <br>
Use <br> for:
- Poem lines
- Addresses
- Simple line spacing inside text
Example:
<p>
Ahmed Khaldi<br />
Algeria<br />
Web Developer
</p>
⚠️ Important Warning
👉 <br> is NOT for layout or spacing!
❌ Wrong usage:
<br /><br /><br />
✔ This is bad practice because:
- It breaks structure
- Makes code messy
- Should be replaced with CSS
💡 Better Alternative (Recommended)
Instead of using multiple <br>, use CSS:
<p style="margin-bottom: 20px;">Hello</p>
<p>Hello again</p>
✔ Cleaner ✔ Professional ✔ More control
🚫 Common Mistakes
- Using
<br>for spacing ❌ - Overusing
<br><br>❌ - Thinking it creates paragraphs ❌
🧪 Mini Exercise
Create a page that shows:
- Your name
- Your country
- Your job or goal
👉 Each on a new line using <br> inside a single <p>