div内の文字列の開業について

Question

div内に書いた文字列を開業する方法を教えてください。

<div style="padding: 10px; margin-bottom: 10px; border: 5px solid #333333; height: 300px; overflow: auto;">
あいうえお
かきくけこ
さしすせそ
</div>

これをそのまま
^^^^^^^^^^
あいうえお
かきくけこ
さしすせそ
^^^^^^^^^^
とブラウザ上で表示させたいのですが、出来ません。
<br>をつけると枠をはみ出てしまます。

良い方法ありますでしょうか？

Comments

[m.ts10806]

開業→改行
brつけたときにどうなるのか画面キャプチャ提示してください。
あと既につけられているstyleの意図もご説明ください。

[maisumakun]

「<br>をつけると枠をはみ出てしまます。」とありますが、ぱっと試した限りでは再現しません。

https://jsfiddle.net/xtgqosy6/

Answer 1

cssで「white-space」というものがありますので試してみてください。

Comments

[hiro_app]

white-space: pre;
など、いくつかソースの改行をそのまま表示させる方法はありますが、どのキーワードを使用するのが最適化はこちらでは判断できません。
詳しくは「css white-space」でググってみるといいです。
実現できない・有効とならない場合は、全ソースがないと調査まではできないため、ソースを追記してください。

もし、質問者様の意図する内容と違っていたら、もう少し詳しい内容を追記してください。

[Lhankor_Mhy]

低評価を受けている理由がよくわからないですね。