注のリスト(連番あり)

注のリスト表示変更 連番あり

 注のリストを表示する場合、項目番号の数字の前に、「注」とか、「※」とかを付け加えたいものです。

/* 注のリスト表示 ol */
#main ol.tyuu{
  padding:0 0 0 1em;
  margin:0;
/*  font-size:small;*/
}
ol.tyuu li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
ol.tyuu li:before{
  display: marker;
  content: "注" counter(cnt);
  position:relative; 
  left:-1em;
}
  1. 本当は、あまりこの稿に書いたタグの詳しい意味までは分かってはいないのだけれど、他の方の記事を参考にしてこのような感じにしてみました。
<div class="jisage">
<ol class="tyuu"><li>本当は、あまりこの稿に****。</ol>
</div>

 こんな感じで、字下げのブロックの中で、classを指定して使うといいかと。
 最初の所は、空白を入れないでも、1字下げになります。1字下げの習慣がない人には、不向きかもです。

タイトルとURLをコピーしました