如何使用CSS左對齊DIV的內容？

我有一個DIV是875像素寬。它從頁面的左邊開始。它CSS類是如何使用CSS左對齊DIV的內容？

.three-column 

    { 
     width:875px; 
     float:left; 
    }

內部的DIV是另一個DIV。這DIV包含下面描述的標籤和一個字段。我希望這些DIV從主容器的左上角開始，然後從左到右流動，然後流到下一行。這適用於包含CSS的CSS。它CSS類是

.LabelAndField 
{ 
    width: 240px; 
    margin-left:auto; 
    float:left; 
}

下面是該領域的CSS（輸入框）

fieldset input[type="text"].editor-field-score 
{ 
    border: 1px solid #cccccc;  
    font-size: 1.0em; 
    font-weight: 600; 
    padding: 5px; 
    margin-right : 20px; 
    float : right; 
    width : 50px; 
    text-align: right; 
}

下面是標籤

fieldset .editor-label-score 
{ 
    float:left; 
    font-size: 1.0em; 
    font-weight: normal; 
    padding-right: 10px; 
    margin :10px 0px 0px 0px; 
    color: #9900CC; 
    text-align: right; 
}

我想要的輸入框CSS在LabelAndField DIV中右對齊。然後，我希望標籤抵接輸入框。由於較短文本標籤的任何額外空間應顯示在標籤的左側。我該怎麼做呢？

來源

2012-11-07 user1764035

text-align: right;將做到這一點，但是這也適用於兒童，無元素本身

fieldset .editor-label-score 
{ 
    float:left; 
    font-size: 1.0em; 
    font-weight: normal; 
    padding-right: 10px; 
    margin :10px 0px 0px 0px; 
    color: #9900CC; 
    text-align: right; 
}

是罰款只是不喜歡這樣

<fieldset class="editor-label-score"> 
    <a>description of TxtBox</a> 
</fieldset>

來源

2012-11-07 21:38:01

如何使用CSS左對齊DIV的內容？

回答

相關問題