HTML & CSS - br タグ

基本的な使い方

br タグは改行を生成します。

<p>
    道がつづら折りになって、<br>
    いよいよ天城峠に近づいたと思うころ、<br>
    雨足が杉の密林を白く染めながら、<br>
    すさまじい早さで麓から私を追って来た。
</p>
br タグの基本的な書き方

道がつづら折りになって、
いよいよ天城峠に近づいたと思うころ、
雨足が杉の密林を白く染めながら、
すさまじい早さで麓から私を追って来た。

ブラウザ表示

使用上の注意

br タグは、文章中に多用するべきではありません。改行が必要な場合、見出しを表す h1-h6 タグや、段落を表す p タグなど、他のタグが使用できないか検討してください。

装飾目的で使用しない

br タグは、行間隔の大きさを調整する目的で使用するべきではありません。

<!-- br タグ使用の NG 例 -->
<p>
    行間隔を br タグで調整するのは...
    <br>
    <br>
    <br>
    NG です!
</p>
br タグの NG な書き方

行間隔の大きさを調整するためには CSS の line-height プロパティを使用します。

p {
  line-height: 1.5;
}
行間隔を CSS で指定する

外部リンク