「CSS」display:list-itemでリストの項目を表示する

2014年9月19日2021年10月8日

書式
display: list-item;
list-item 単独の値を指定すると、要素はリストの項目のように動作します。
これは list-style-type や list-style-position と共に使用することができます。
使用例

<style>
/*list-item マーカー用のボックスを表示*/
   span {
    display: list-item;
    margin-left: 20px;
    color:red
  }
 
</style>
<!--list-item 単独の値を指定すると、要素はリストの項目のように動作-->
<span>AA 11</span>
<span>BB 22</span>
<span>CC 33</span>
<span>DD 44</span>