0

我如何将列表中的每个“Blahs”向上移动一点，以便它们更多地位于下面我的 HTML 代码图片中每个列表项目符号的中间。

在此处输入图像描述

代码本身就是：

<html>
<style>
li
{
margin-top: 0px;
}
</style>
</head>
<body>
<ul style="list-style-image:url('http://i.imgur.com/WvHNgNo.png?2'); margin-top:0px;">
<li>Blah</li>
<li>Blah</li>
<li>Blah</li>
</ul>
</body>
</html>

还尝试更改填充但移动了图像和文本，我只想向上移动文本。

4

2 回答 2

1

您可以将每个项目符号设置为列表元素的背景，例如background: url(http://i.imgur.com/WvHNgNo.png?2) no-repeat left 50%;

在您的情况下，以这种方式对列表项进行足够的样式

li {
    list-style-type: none;
    margin-top: 0px;
    background: url(http://i.imgur.com/WvHNgNo.png?2) no-repeat left 50%;
    padding: 5px 0 5px 25px;
}

这是小提琴http://jsfiddle.net/rWXZT/

于 2013-06-29T02:57:30.827 回答
1 
li{
  list-style-type:none;
  background:url(http://i.imgur.com/WvHNgNo.png?2) no repeat left 50%;
}
于 2013-06-29T03:05:43.153 回答