text-align:在li标签内的span上

Question

我的结构看起来像这样:

<ul class="grupa-playerow">Blabla
    <li class="player-li">Layout1<span class="player-godziny">15.00-17.00</span></li>
    <li class="player-li">Layout2<span class="player-godziny">17.00-22.00</span></li>
    <li class="player-li">Layout3<span class="player-godziny">22.00-24.00</span></li>
</ul>

这里的风格:

.grupa-playerow {
position: relative;
width: 300px;
list-style-type: none;
padding: 7px 0 7px 0;
border-bottom: 1px solid #CDCDCD;
font-size: 11px;
cursor: pointer;
}


.player-li {
padding: 2px 0 2px 20px;
width: 100%;
text-align: left;
}

.player-godziny {
text-align: right !important;
color: #5ACFC9;
}

我希望.player-godziny跨度向右对齐.为什么不工作？

这是一个小提琴:http://jsfiddle.net/wL2SF/

Answer 1

尝试:

float: right;

代替:

text-align: right;

的jsfiddle

如果您注意到对齐问题,则可能是由于您的填充设置