子弹中心有无序列表

Question

有没有人知道使子弹点位于多行项目符号列表顶部的CSS？出于某种原因,我使用的模板中心点位于左侧,而不是简单地坐在第一个单词旁边,如果我有多行文本.

Answer 1

将列表样式位置设置为列表项内部,请参阅此演示小提琴.

CSS:

ul {
    list-style-position: inside;
}

Answer 2

你可以这样做：

(css)
li div:before
{
   background-image:url('bullet.png');
}

(html)
<ul>
    <li>
        <div>
            text<br />
            more text
        </div>

    </li>
</ul>