CSS中定义项目符号与文字间的距离

如何更改项目符号与文字间的距离。

<style type="text/css">

<!--

li {

 padding-left: 52px;

 float: left;

 width: 150px;

 border: 1px solid #000000;

}

-->

</style>

<li>dasdasdasad</li>

温馨提示:内容为网友见解,仅供参考
第1个回答  2009-08-07
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<link type="text/css" rel="stylesheet" href="css/list_css.css" />
<style type="text/css">
.logo_bottom_line_div {
border:none;
margin-left:100px;
margin-bottom:10px;
height:200px;
background-color:#CFF5FF;
position:relative;
/*overflow:hidden;*/
}

</style>
</head>
<body>
<div class="logo_bottom_line_div">
<ul>
<li style=" padding-left:100px;"> 为什么在FF和谷歌浏览器下显示的是一条细线(高2px的矩形) </li>
<li style="padding-left:50px;">而 IE下显示的是一个较粗矩形</li>
<li style="padding-left:80px;"> 怎么实现兼容</li>
<li style="padding-left:180px;"> 都显示2px的矩形? </li>
</ul>
</div>
</body>
</html>