text-align：right;役に立たなかった<label>

Question

<label>要素の中で、テキストを右揃えにするだけでは十分ではありません。

HTML

<div id="contact_form"> 
<label for="name" id="name_label">Name:</label> 
</div> 

CSS

#contact_form label { 
    text-align: right; 
} 

マイページ：http://freshbeer.lv/development/en/contact.php

あなたはに整列している...名前、電話、電子メールなどのラベルを見ることができますしかし、私はそれらを右に整列させる必要があるので、何かを提案してもらえますか？幅が定義されていない限り、その幅は、文字がまたがっているまったく同じであるので -

Answer 1

Labelはインライン要素です。その幅はデフォルトの100％であるので、あなたのdiv要素はブロック要素です。

あなたはあなたのケースでdiv要素にtext-align: right;を配置する必要があり、またはあなたのlabel

別のオプションにdisplay: block;を適用しますがtext-alignを使用し、各ラベルの幅を設定することです。これを使用してdisplay: blockメソッドは必要ありません。

Answer 2

テキストラベルを含む、任意の要素の内側に右に揃えることができます。

HTML：

<label>Text</label> 

のCss：

label {display:block; width:x; height:y; text-align:right;} 

この方法では、あなたのラベルに幅と高さを与え、それを右に揃えるの内部の任意のテキストを作ります。