text-align: right; only for placeholder?
Solution 1:
/* webkit solution */
::-webkit-input-placeholder { text-align:right; }
/* mozilla solution */
input:-moz-placeholder { text-align:right; }
Solution 2:
Or try it with a :focus event:
input[type='text']{
text-align:right;
}
input[type='text']:focus{
text-align:left;
}
This way, any placeholder even hard-coded will be held on right, and any text you type when focused will be on right. On the other hand, when you lose the focus, the alignement becomes right again.