Question

我似乎无法弄清楚如何使用边距/填充来移动我的子弹点。无论我做什么，它都会移动到DIV中的单词而不是子弹点。感谢任何帮助，我做了一个JSFiddle来展示我所拥有的一切。

.lymelist li {
background: url(images/columnbullet.png) no-repeat left 4px;
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #4f4f4f;
padding-left: 23px;
margin: 5px 0;
}
.lymelist li ul li {
background: none;
list-style: lower-alpha;
padding-left: 0;
margin-left: 20px;
}

Answer 1

使用list-style-position:inside; http://jsfiddle.net/Z8Me4/1/

你的ul标签里面还有你的段落标签，不行，看看...... http://jsfiddle.net/Z8Me4/4/

<ul class="one_column lymelist">
  <p>Some 2013 Highlights:</p>
  <p><B><u>Public Health and Epidemiology</u></B></p>
  <li>CDC revises of number of new Lyme cases to 300,000 a year</li>
  <li>...</li>
</ul>

需要更改为：

<p>Some 2013 Highlights:</p>

<p><B><u>Public Health and Epidemiology</u></B></p>

<ul class="one_column lymelist">
  <li>CDC revises of number of new Lyme cases to 300,000 a year</li>
  <li>...</li>
</ul>

然后您可以根据需要缩进li代码或ul代码。

Answer 2

你无法移动子弹。你需要移动li内容。将您的li内容包含在 span 中，并为其提供相对位置

<ul>
     <li><span>CDC revises of number of new Lyme cases to 300,000 a year</span></li>
</ul>

CSS

li span

    {
        position:relative;
        left:-5px;
    }

JSFiddle：http://jsfiddle.net/cnWK7/

使用子弹点创建填充/边距

2 个答案: