html - 应用于 div 和 li 标签的相同样式规则会产生不同的结果

Question

test.html:

div, li {
  display: inline-block;
  margin-left: 30px;
}

<div>тест1</div>

<ul>
  <li>тест</li>
</ul>

打开 test.html 会得到这样的结果，尽管 div 和 li 标签共享相同的样式规则，但 div 标签的内容仍然比 li 标签的内容更靠近左屏幕边框(至少在 Google Chrome 44，桌面)。为什么会这样，又是如何“痊愈”的？

Answer 1

<ul>在默认 css 中，左边有一些边距。你可以reset你的 css，或者只是放在你的 <ul> margin: 0;和 padding: 0; .