How do you right-justify text in an HTML textbox

Question

I have a need to display many numerical values in columns  These values need to be easily editable so I cannot just display them in a table  I am using textboxes to display them  Is there a way for me to right-justify the text displayed in a textbox  It would also be nice if when the user is entering data for it to start displaying what they type from the right

User · Answer

Apply style  text-align  right  to the input tag  This will allow entry to be right-justified  and  at least in Firefox 3  IE 7 and Safari  will even appear to flow from the right

User · Answer

Did you try setting the style   input       text-align right      Just tested  this works fine  in FF3 at least     lt html gt       lt head gt           lt title gt Blah lt  title gt           lt style type  text css  gt          input   text-align right             lt  style gt       lt  head gt       lt body gt           lt input type  text  value  2  gt       lt  body gt   lt  html gt    You ll probably want to throw a class on these inputs  and use that class as the selector   I would shy away from  rightAligned  or something like that   In a class name  you want to describe what the element s function is  not how it should be rendered    numeric  might be good  or perhaps the business function of the text boxes

User · Answer

Using inline styles    lt input type  text  style  text-align  right   gt    or  put it in a style sheet  like so    lt style gt      rightJustified           text-align  right         lt  style gt    and reference the class    lt input type  text  class  rightJustified   gt

[html] How do you right-justify text in an HTML textbox?

Examples related to html

Examples related to css