はてな記法で番号付きリスト中に改行する方法

はてな記法の「+」を使わないで、素直に

<ol><li></li></ol>

を使えばよいことが判明。

サンプル

はてな記法の「+」を使った場合
  1. bookmarklist数が少ないときに、float:rightしているtaglist部分が下にはみ出るため、clearfixを使用してはみ出ないようにしました。
/* bookmarklistが少ないときにtaglistが下にはみ出るため、clearfixを使用 */
div.main:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
}
  1. 通番2になってほしいところ

通番2の本文

通番がクリアされてしまうのでNG。また、インデントもクリアされてしまうため、見た目もおかしい。

ol要素を直接記述した場合


  1. bookmarklist数が少ないときに、float:rightしているtaglist部分が下にはみ出るため、clearfixを使用してはみ出ないようにしました。

    /* bookmarklistが少ないときにtaglistが下にはみ出るため、clearfixを使用 */
    div.main:after {
    	content: " ";
    	display: block;
    	clear: both;
    	height: 0;
    }
    



  2. 通番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>