Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách chèn ngắt dòng đơn (line break) trong HTML?

Thẻ <br> (break) chèn một ngắt dòng đơn (line break) trong văn bản. Là void element (không có thẻ đóng). Dùng cho: thơ, địa chỉ, nơi cần ngắt dòng cụ thể không phải đoạn mới.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ br HTML</title>
  </head>
  <body>
    <p>Dòng thứ nhất<br />Dòng thứ hai</p>
    <address>
      Công ty ABC<br>
      123 Đường XYZ<br>
      Hà Nội, Việt Nam
    </address>
  </body>
</html>

br vs p vs CSS

Phương pháp Dùng khi
<br>Ngắt dòng trong cùng đoạn (thơ, địa chỉ, form label+input)
<p>Đoạn văn mới (có margin, semantic)
CSS margin/paddingKhoảng cách layout, không phải ngắt dòng ngữ nghĩa
white-space: pre-wrapGiữ nguyên xuống dòng trong source

Lưu ý

  • Không dùng <br><br> để tạo khoảng cách — dùng CSS margin.
  • Viết <br> hoặc <br /> (cả hai hợp lệ HTML5).
  • Tránh lạm dụng <br> cho layout — phá vỡ responsive.