asp：Label和span的HTML / CSS定位問題

Question

當我執行以下操作時：

<asp:Label CssClass="someField" runat="server">*</asp:Label> 
<asp:Label ID="someID" runat="server" Text="SomeText" AssociatedControlID="someACID"></asp:Label>

要么：

<span class="someField">*</span>
<asp:Label ID="someID" runat="server" Text="SomeText" AssociatedControlID="someACID"></asp:Label>

CSS someField：

span.someField {
   color: #CC0000;
   font-weight: 600;
}

標簽的CSS：

form label {
    clear: left;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1em;
    margin: 0 3px 4px 0;
    padding: 4px 0 4px 5px;
    width: 200px;
}

我得到的輸出是

SomeText *

當我想要的是

* SomeText

有人知道為什么會這樣嗎？

Answer 1

通過在標簽上設置float:left ，可以將其從文檔流中移除，並使其在跨度之前呈現。 您需要將跨度設置為塊布局並向左浮動，或者從標簽中刪除浮動。

更新：

這里有一個很好的關於浮動對元素的作用的描述以及一些注意事項： http : //coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

Answer 2

另外一個選項

form label:after {
    content: "*";
}