css ul li 里面的文字定位问题_html/css_WEB-ITnose

css 懂一点点... 

大家帮忙看看怎么设置ul li 里面文字的定位   







上图是要修改的样式。下图是我自己的，帮忙看看怎么定位到上图的位置？

回复讨论(解决方案)

li里面设置padding-left然后设置了多少，width就减少多少

padding 不是整体下移么？

你先去去看盒子模型

padding就是内间距 上下左右都可以设
比如 padding: 1px 2px 3px 4px; 分别对应上、右、下、左的边距。
你也可以通过padding-left:1px; padding-top:2px;之类的单独进行设置

我试试看

如果是像你图片上的这种只是显示文字内容的话，我会选择给li加上：text-indent:20px;

噢，没看到纵向也不居中，那就再加上line-height:30px;，这个值一般设为和li的高度相同就好了，各个浏览器都没有问题的。