Right Align Input

Question

I must be brain dead. I'm having a hell of a time right aligning numbers in a input field. ``` .number { text-align: right; } <input name="price" type="text" class="number" /> ``` has no effect. I need to use an input field since I refer to the value in JavaScript and I'm using it both for input and display. Thanks

Accepted Answer

It could be that you have a more specific selector that overrides the `text-align` property of `.number`

To make your selector more specific, specify the element type...

```
input.number {
   text-align: right;
}
```

You may have to get even more specific than that, such as...

```
#formId input.number { }
```

Right Align Input

Solution

Problem