text-align right not working for label

Question

Simply enough I can t get text to align to right in a  lt label gt  element   HTML   lt div id  contact form  gt    lt label for  name  id  name label  gt Name  lt  label gt    lt  div gt    CSS   contact form label     text-align  right      My page  http   freshbeer lv development en contact php  You can see labels for name  phone  email etc    are aligned to the left  but I need them to be aligned to the right  so could anyone please suggest something

User · Answer

You can make a text align to the right inside of any element, including labels.

Html:

<label>Text</label>

Css:

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

This way, you give a width and height to your label and make any text inside of it align to the right.

User · Answer

As stated in other answers  label is an inline element  However  you can apply display  inline-block to the label and then center with text-align    name label       display  inline-block      width  90       text-align  right      Why display  inline-block and not display  inline  For the same reason that you can t align label  it s inline   Why display  inline-block and not display  block  You could use display  block  but it will be on another line  display  inline-block combines the properties of inline and block  It s inline  but you can also give it a width  height  and align it

User · Answer

Label is an inline element - so  unless a width is defined  its width is exact the same which the letters span  Your div element is a block element so its width is by default 100    You will have to place the text-align  right  on the div element in your case  or applying display  block  to your label  Another option is to set a width for each label and then use text-align  The display  block method will not be necessary using this

[html] text-align: right; not working for <label>

Examples related to html

Examples related to css

Examples related to forms

Examples related to label

Examples related to alignment