HTMLのulタグの左の空白(padding-inline-start: 40px;)を消す方法
今回はHTMLのulタグの左の空白(padding-inline-start: 40px;)を消す方法についてご紹介いたします。
HTMLのulタグの左の空白(padding-inline-start: 40px;)を消す方法
ulタグとliタグを使ったとき、デフォルトではliタグで囲った文字の左側に余白ができてしまいます。
これを解消するのは簡単で、ulタグのCSSにpadding-inline-start: 0;を追記してCSSを上書きしてしまえば余白が消えます。
|
1 2 3 4 5 |
<ul style="padding-inline-start: 0;"> <li>test1</li> <li>test2</li> <li>test3</li> </ul> |
終わりに
今回はHTMLのulタグの左の空白(padding-inline-start: 40px;)を消す方法についてご紹介いたしました。