はてな記法で番号付きリスト中に改行する方法
はてな記法の「+」を使わないで、素直に
<ol><li></li></ol>
を使えばよいことが判明。
サンプル
はてな記法の「+」を使った場合
- bookmarklist数が少ないときに、float:rightしているtaglist部分が下にはみ出るため、clearfixを使用してはみ出ないようにしました。
/* bookmarklistが少ないときにtaglistが下にはみ出るため、clearfixを使用 */ div.main:after { content: " "; display: block; clear: both; height: 0; }
- 通番2になってほしいところ
通番2の本文
通番がクリアされてしまうのでNG。また、インデントもクリアされてしまうため、見た目もおかしい。
ol要素を直接記述した場合
bookmarklist数が少ないときに、float:rightしているtaglist部分が下にはみ出るため、clearfixを使用してはみ出ないようにしました。/* bookmarklistが少ないときにtaglistが下にはみ出るため、clearfixを使用 */ div.main:after { content: " "; display: block; clear: both; height: 0; }
通番2になってほしいところ
通番2の本文
通番がクリアされていない(問題解決)
また、インデントも構造を反映しているので、読みやすいと思います。
ol要素を直接記述した場合の記述例おいときますね。
なお、以下の例ではスーパーpre記法「 >||」「 ||<」を入れ子にすると崩れるので、入れ子の内部のスーパーpre記法部分は行頭にスペースを空けています。
<ol> <li> bookmarklist数が少ないときに、float:rightしているtaglist部分が下にはみ出るため、clearfixを使用してはみ出ないようにしました。 >|| /* bookmarklistが少ないときにtaglistが下にはみ出るため、clearfixを使用 */ div.main:after { content: " "; display: block; clear: both; height: 0; } ||< </li> <li> 通番2になってほしいところ <br /> 通番2の本文 </li> </ol>