勝手に改行しない方法？

質問

HTMLの作成で、
<div id = "id1">あ</div><div id = "id2">い</div>

のように続けてDivを指定したら、
表示は

あ
い

のように勝手に改行されてしまいます。

これを改行しないようにする方法はあるのでしょうか？

回答No.1

t_ohta · ベストアンサー

divはブロックレベル要素ですので改行されてしまいます。
改行せずに特定の文字にidを付けたいならインライン要素であるspanを利用するのがいいでしょう。
<span id = "id1">あ</span><span id = "id2">い</span>

どうしてもdivじゃなければいけないのなら、
<div id="id1" style="display:inline;">あ</div><div id="id2" style="display:inline;">い</div>
とスタイルでdivをインライン要素に変えてあげれば改行されません。