2013-11-02 28 views
0

這裏對齊是我的例子:http://jsfiddle.net/SfTuD/1/強制新生產線,以水平與CSS

HTML:

<label class="longLabel">Create Document</label> 

<input class="radioButton" checked="checked" value="true" id="Yes" type="radio"></input> 

Allowed  

<input class="radioButton" value="false" id="No" type="radio"></input> 

Not Allowed 

<span class="description">A user with this permission will be allowed to create new Documents, Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum</span> 

CSS:

label { 
    min-width:165px; 
} 
label.longLabel { 
    width:165px; 
} 
input.radioButton { 
    margin-right:5px; 
} 
.description { 
    font-style: italic; 
    padding-left: 20px; 
} 

我想說明跨度留下來的權利的單選按鈕。也就是說,新的描述行應該與「A user ...」對齊。

我試過顯示:內嵌塊,但是強制整個跨度到一個新行。

任何想法?

+0

只是一個建議:在'li'元素,在'float'或'直列block'的'li's標籤包裹的輸入。 – SlightlyCuban

+0

(X)中沒有''這樣的東西HTML – FelipeAls

+0

在FF 24中看起來很好。你在哪個瀏覽器中看到這個問題? – jhilgert00

回答

0

從你的CSS刪除此行:

display: inline-block;