css – 对齐后伪

前端之家收集整理的这篇文章主要介绍了css – 对齐后伪前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用 CSS3伪:after on li元素.问题是,内容是:紧随着li内容之后,就好像在使用text-align:left;但是由于我的li元素使用display:block;不应该使用text-align:right;上:后移动:内容一路向右?这还没有.
.container ul li    {
    display: block;
    border-bottom: 1px solid rgb(60,60,60);
    border-top: 1px solid rgb(255,255,255);
    padding: 5px 5px 5px 30px;
    font-size: 12px;
}

.container ul li:after {
    content: ">";
    text-align: right;
}

这是一个屏幕截图的问题:

我想要>一直在右边,而且由于li的内容改变,我无法设置宽度:在内容之后.

如何获得:在内容对齐后,如果不是text-align?

解决方法

尝试浮动
.container ul li:after {
    content: ">";
    text-align: right;
  float:right
}

演示http://jsfiddle.net/surN2/

猜你在找的CSS相关文章