ツール一覧

💡 記事の下にエディタを用意しています。壊してもOK!

更新日: 2025年3月1日

HTML brタグで改行する方法|使い方と注意点

📌

結論

<br> で改行できます

同じ段落の中で改行したいとき、<br> タグを使います。
📝 実際のコードはこちら
<p>1行目<br>2行目</p>

brの特徴

<br>break(改行)の略で、自己閉じタグです。</br> は不要です。

brとpの使い分け

改行したいと思ったとき、ほとんどの場合は <p> で段落を分ける方が正解です。
方法使いどころ
<p> を分ける違う内容の段落
<br> で改行住所、歌詞など、同じ段落内で行を分けたいとき

⚠️ brの乱用はNG

<br><br><br> と連打して余白を作るのは絶対にやめてください。余白はCSSの marginpadding で作るのがルールです。

まとめ

・改行は <br> だが、段落分けは <p> が基本 ・<br> は self-closing(自己閉じタグ) ・余白目的の <br> 連打は NG

演習で試してみよう

1行目と2行目を <br> で改行してみましょう。

🧪 ここで試せます ─ 壊しても大丈夫!

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

1行目2行目をbrタグで改行してください。

詰まったらヒント

brは改行の自己閉じタグです。

5pt

改行

1行目2行目をbrタグで改行してください。

エラーをクリックで該当行をハイライト。✕=エラー ⚠=警告 ›=ログ。

ロードマップ · 全解説