html - 変タグの動作

Question

テキストが折り返された div の後に hr タグを付けようとすると、 div がこのように表示されます。よく見ると、行は段落の真ん中の横にあります。テキストが折り返されていない場合は問題なく動作しますが、複数行の投稿でこれを修正するにはどうすればよいですか。

Answer 1

hr { clear: both; }スタイル定義に追加します。それ以外の場合は、左にフローティングしている囲んでいる段落の隣にレンダリングされます。

それに応じてjsFiddleの例を更新しました。