How to place the placeholder's text right?

Question

A field has a placeholder :

<input type="text" name="clt_cin_pass" id="clt_cin_pass" maxlength="25" placeholder="CIN/Passeport" value="foo" />

How to place the placeholder's text , here CIN/Passeport, at the field's right ?

This question is quite similar to [Change an input's HTML5 placeholder color with CSS](https://stackoverflow.com/q/2610497/448591) — Jakob Runge, Jul 24 '15 at 07:39

Canvas · Accepted Answer · 2015-07-24T10:40:45.673

0

I have created a jsFiddle for you pheromix,

Html

<input type="text" name="clt_cin_pass" id="clt_cin_pass" maxlength="25" placeholder="CIN/Passeport" />

CSS

input[type='text']{
text-align:right;
}

Of course you can update this to target a class not just all input tags

edited Jul 24 '15 at 10:40

answered Jul 24 '15 at 09:31

Canvas

score 0 · Answer 2 · answered Jul 24 '15 at 09:38

/* webkit solution */
::-webkit-input-placeholder { text-align:right; }
/* mozilla solution */
input:-moz-placeholder { text-align:right; }

<input type="text" name="clt_cin_pass" id="clt_cin_pass" maxlength="25" placeholder="CIN/Passeport" value="" />

2 Answers2