CSS padding-inline-startでulが左に40px空いてしまうのを直す方法

環境
Google Chrome 111.0.5563.65(Official Build)
Windows 10 Home 64bit

現象
ulのmarginやpaddingを 「0 0 0 0」にしても左側が空いてしまうという症状が発生しました。
GoogleChromeのデベロッパーツールで確認すると、ulに「padding-inline-start: 40px」となっています。

修正前コード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
ul {
display: block;
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
}
ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; }
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

修正後コード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
ul {
list-style-type:none;
margin-block-start: 0em;
margin-block-end: 0em;
padding-inline-start: 0px;
}
ul { list-style-type:none; margin-block-start: 0em; margin-block-end: 0em; padding-inline-start: 0px; }
ul {
    list-style-type:none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
 }

 

CSS

Posted by arkgame