css3.0 - コンテンツ属性

Question

私が書かれているCSSファイルが

.atleastTwoChars:after { 
    content: "2*"; 
    float: left; 
    width: 16px; 
    height: 14px; 
    border: 0; 
    margin: 2px 3px 0px 3px; 
    color: red; 
} 

私はこの

<nobr> 
<input type="hidden" 
     name="ctl00$objContentPageTag$spzContactInformation$txt_sContactZipCode$objHidden" 
     id="ctl00_objContentPageTag_spzContactInformation_txt_sContactZipCode_objHidden" value="0"> 
<input name="ctl00$objContentPageTag$spzContactInformation$txt_sContactZipCode$objTextBox" 
     type="text" 
     id="ctl00_objContentPageTag_spzContactInformation_txt_sContactZipCode_objTextBox" 
     class="xqh_LookUpTextBox_Edit"> 
<span id="ctl00_objContentPageTag_spzContactInformation_txt_sContactZipCode_spanImgMandatory" 
     class="atleastTwoChars"> 
</span> 
</nobr> 

JavaScriptのように使用している：

$('#ctl00_objContentPageTag_spzContactInformation_txt_sContactZipCode_spanImgMandatory') 
    .removeClass("xqh_LookUpTextBox_ImgMandatory") 
    .addClass("atleastTwoChars"); 
$('img[id*="txt_sContactZipCode_imgMandatory"]').remove(); 

問題：コンテンツを（2 *）テキストボックスの最後に表示する必要がありますが、このように開始時に表示されています。

Answer 1

あなたのCSSからfloat: right;を削除しますJS Fiddle demo。

なおは、W3、nobrに係る...

完全に廃止された[...である]、および著者によって使用されてはならない

リファレンス：

• Obsolete features, at the W3.org

Answer 2

float: left;は、行の先頭に表示します。おそらくdisplay: inline-block;を代わりに使用したいと思うかもしれません。または、浮動小数点数、高さ、および幅を削除するだけです。