ぬの部屋（仮）
nu-no-he-ya

スポンサーリンク

次の記事>> |

HTML,CSSでliタグのオフセットが高すぎる

2019年3月6日公開
2019年3月6日更新

HTMLはたまにしか使わないのでその度に忘れるのでメモ。

HTMLの<ul><li></li></ul>の、liの左のオフセットが広すぎてなんとかしたいとき。liではなく、ulのpaddingを設定します。

<html>
<head>
<style type="text/css">
<!--
div.box{
  width:200px;
  height:200px;
  margin-left:50px;
  border:solid thin black;
}
ul{
  border:solid thin blue;
  padding-left:0px;
}
li{
  border:solid thin red;
}
-->
</style>
</head>
<body>
 <div class="box">
  <p>いろは</p>
  <ul>
   <li>こんにちは</li>
   <li>こんばんわ</li>
  </ul>
 </div>
</body>
</html>

コメントを残すコメントをキャンセル

この記事のトラックバックURL：