margin:***; padding: ***;

margin:***; padding: ***;

margin:***; padding: ***;をol要素、ul要素に設定すると、外側・内側の余白を指定できるプロパティです。

▼CSS

ul{
 margin: 10 5
 10 5; padding:10px;
}

▼HTML

<ul>
  <li>リスト</li>
  <li>リスト</li>
  <li>リスト</li>
</ul>

▼表示

  • リスト
  • リスト
  • リスト

ブラウザによって余白の空き方やマーカーの位置が異なるので、対象とするブラウザでの表示チェックは欠かさないようにしましょう。