如何使用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的内容？

回答

相关问题