文本右對齊只與UL LI

CSS我的html：文本右對齊只與UL LI

<ul> 
    <li><span>text</span><span>to right</span></li> 
     <li><span>text2 text2 text2 </span><span>to right</span></li> 
     <li><span>text3</span><span>to right</span></li> 
     <li><span>text4</span><span>to right</span></li> 
     <li><span>text5text5text5</span><span>to right</span></li> 
</ul>

和css：

ul li { 
    width: 300px; 
    background-color: #ff9999; 
}

我想使文本對齊到右爲李所有的第二跨度，但我無法修改html結構。我只能添加class或id。有可能只用CSS做？

jsfiddle

來源

2013-09-27 marcos594

請告訴我們的示例輸出（截圖，一個實體模型或一的jsfiddle）。因爲我不明白你想要什麼。 –

用li替換了錨標籤 –

你可以把它們飄浮代替：

ul li span+span { 
    float: right; 
}

http://jsfiddle.net/ePcDq/1/

來源

2013-09-27 19:50:11 bfavaretto

您可以:nth-child僞選擇儘量選擇第二個孩子，即跨度，可以把你的CSS。

ul li span:nth-child(2) 
{ 
    float:right; 
}

Js Fiddle Demo

來源

2013-09-27 19:51:04 Sachin

您可以添加一個類每秒跨度，並加入到這一類浮動：權。

來源

2013-09-27 19:53:16

您可以添加一個班級以跨越例如

<span class='right'>to right</span

並定義right類作爲

.right{ 
    float:right; 
}

See jsFiddle in action

來源

2013-09-27 19:54:30

文本右對齊只與UL LI

回答

相關問題