※のリスト表示(連番なし)

※のリスト表示 連番なし

CSS の指定

/* ※のリスト表示 ul*/
ul.kome {
  list-style: none; }
ul.kome li {
   position: relative; }
ul.kome li:before {
     content: '※';
     position:relative; 
     left: -1em; }
/* ※のリスト表示 終わり */

使い方

<div class="jisage">  /* ※1 */
  <ul class="kome">
    <li>字下げと一緒に使うと見やすい(別途 CSS 指定)</li>
    <li>こんな感じの表示になります(※2)</li>
  </ul>
</div>
  • 字下げと一緒に使うと見やすい(別途 CSS 指定)
  • こんな感じの表示になります(※2)

 最初の所は、空白を入れないでも、1字下げになります。1字下げの習慣がない人には、不向きかもです。

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