Поместите значение в текстовое поле в центре

Question

Привет всем, я хотел бы спросить вас, ребята, если я могу заставить введенное значение в текстовом поле перейти в центр, в то время как значение placeholder останется слева, как всегда? Помоги мне, пожалуйста.

текущий код:

<style> 
.number { text-align:left; } 
</style> 

<input type="text" class="number" placeholder=" 1.)" > 

Answer 1

стиль plcaeholder с помощью CSS, как этот

::-webkit-input-placeholder { 
    text-align:left; 
} 

:-moz-placeholder { /* Firefox 18- */ 
    text-align:left; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    text-align:left; 
} 

:-ms-input-placeholder { 
    text-align:left; 
} 

Demo

Answer 2

text-align:center Устанавливая в CSS для вашего текстового поля, как:

input{text-align:center;}