需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，一个新建html文件，例如：index.html，填充问题基础代码。
2、其次，在index.html中的<style>标签中，输入css样式代码：li{padding-top:49px}。
3、浏览器运行index.html页面，此时通过css将li标签的行距调整为了49px。
在html和CSS中有一个观点一定要记住，那就是盒子模型，也就说任何一个标签都可以看做是一个盒子。那么标签之间的联系就显而易见，也就说大部分标签是可以互相转化的，除了某些有特殊属性的，如a标签的href等。那么对于同样是盒子模型的a标签自然也有跟其他标签相同的样式属性。所以做一些效果时就会设定很多的参数。可以通过width属性设置li中字段的宽度根据实际长度显示宽度。在li的样式中加上width:auto就可以实现了；现在来看下面一段代码：
CSS样式设置：
#info_main{text-align:centerborder:1px solid
#CCCwidth:620px}
#info_main li{width:autofloat:leftmargin:0px 8px
padding:0pxborder:1px solid #CCC}
网页代码：
<div
id="info_main">
<ul>
<li>时间：{dede:field name='pubdate'
function='strftime("%Y-%m-%d %H:%M","@me")'
/}</li>
<li>来源：{dede:field.source/}</li>
<li>作者:{dede:field.writer/}</li>
<li>点击:<script
src="{dede:field
name='phpurl'/}/count.php?view=yes&aid={dede:field
name='id'/}&mid={dede:field name='mid'/}"
type='text/javascript'
language="javascript"></script>次</li>
</ul>
</div>
显示效果如下图：
