css - 如何使元素符号列表与CSS中的文本对齐？

该图像演示了该问题。我希望项目符号列表与文本对齐，而不要缩进。

我猜这必须在CSS中修改，因为源是:

            <p>This is a test :)</p>

<ul>

<li>Test1</li>

<li>Test2</li>

<li>Test3</li>

<li>Test4</li>

</ul>

<p><strong>Bla bla</strong></p>

<p><strong>Dette er en test</strong></p>

<p><strong><span class="Apple-style-span" style="font-weight: normal;"><strong>Dette er en test</strong></span></strong></p>

<p><strong>Dette er en test</strong></p>

<p><strong><span class="Apple-style-span" style="font-weight: normal;"><strong>Dette er en test</strong></span></strong></p>
        </div>

那么，如何在此公牛列表的左侧删除填充/边距？我尝试过margin: 0; padding: 0;无法解决

最佳答案

应用padding-left: 0并将列表样式位置更改为inside:

ul  {
  padding-left: 0;
}
ul li {
   list-style-position: inside;
}

示例链接http://jsfiddle.net/vF5HF/

关于css - 如何使元素符号列表与CSS中的文本对齐？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7516005/