2、将列表
图标
整体切出来,铺在ul上,不平铺
3、使用background-position控制ul背景和li中的
文字
对齐即可。。。
1、将li的height和line-height设置成为和设计稿一样的2、将列表图标整体切出来,铺在ul上,不平铺
3、使用background-position控制ul背景和li中的文字对齐即可。
如果只是这两个文字内容的话,直接用:<ul>
<li><a href="#" target="_blank">文字内容</a></li>
<li><a href="#" target="_blank">文字内容</a></li>
</ul>
就是对齐的,
不过你这个没对齐,应该是这个曾的上面内容有漂浮导致的,就需清除浮动,即:
<div class="clear"></div><!--清除浮动-->
<ul>
<li><a href="#" target="_blank">文字内容</a></li>
<li><a href="#" target="_blank">文字内容</a></li>
</ul>
css:
.clear{clear:both}/*清除浮动*/