右側にテキストアライメントを設定します。

Question

私は左のテキストアライメントを持つテーブルを持っています。チェックボックスを右揃えにすることができますか？

<h:panelGroup styleClass="table-right"> 
      <h:selectBooleanCheckbox value="#{bean.method}"> </h:selectBooleanCheckbox> 
    </h:panelGroup> 

    .table-right { 
     text-align: right; 
    } 

HTML出力：

<tr> 
    <td>Security Question</td> 
    <td><textarea id="form:securityquestion" name="form:securityquestion" cols="60" rows="3" onblur="mojarra.ab(this,event,'blur',0,'form:securityquestionvalidator')"></textarea><span id="form:securityquestionvalidator"></span></td> 
    </tr> 
    <tr> 
    <td>Security Answer</td> 
    <td><textarea id="form:securityanswer" name="form:securityanswer" cols="60" rows="3" onblur="mojarra.ab(this,event,'blur',0,'form:securityanswervalidator')"></textarea><span id="form:securityanswervalidator"></span></td> 
    </tr> 

CSSでのチェックボックスのちょうどセルの配置を変更するには、任意の解決策はありますか？

Answer 1

.table-right input[type="checkbox"] { 
    float: right; 
} 

これは右

Answer 2

あなたはタイプミスrigthは言葉ではありません持っているので、このCSSは

.table-right { 
    text-align: rigth; 
} 

が機能していません。それはrightでなければなりません。

Answer 3

の代わりのように使用正しいタイプミス[テキスト整列は：rigth]

.table-right { 
    text-align: right; 
} 

Answer 4

にあなたのチェックボックスを揃える必要がありますがstyleClass="table-right"selectBooleanCheckboxにセクションを貼り付けるようにしてください。そしてCSSで重要なルールを使ってみてください。

同様：<h:selectBooleanCheckbox styleClass="table-right" value="#{bean.method}"> </h:selectBooleanCheckbox>

.table-right { 
     text-align: right !important; 
    }