div要素で忠実に改行を行う

white-space: pre-wrapが便利です。

ただし、要素ない文字列に対して忠実に改行してしまうので、内容が大きくなるほど可読性が下がります。

<div class="return-text">街に出かけました。
パン屋さんで食パンを買いました。
家でトーストを焼きました。</div>
<style>
.return-text {
  white-space: pre-wrap;
}
</style>
カテゴリーhtml

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です