如何使项目符号列表与css中的文本对齐？ [英] How to make a bullet list align with text in css?

问题描述

>

图片演示了这个问题。我想让项目符号列表与文本对齐，而不是缩进。

The image demonstrates the problem. I want the bullet list to be aligned with the text, not indented.

这必须在css中修改，因为源代码是：

This must be modified in css i guess, because source is:

            <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; 无法解决

So how can I remove the padding/margin from left in this bull list? I tried margin: 0; padding: 0; did not work out

推荐答案

样式位置到内部

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

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

这篇关于如何使项目符号列表与css中的文本对齐？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！