CSS/HTML центрирования текстового поля

Question

Это должно быть легко, но ее трудно доказать ...

Мой элемент Я хочу, чтобы в центре именно этот <input type="text">

Я не хочу текст по центру, только текстовое поле внутри внешнего div.

Это моя попытка, которая не работает

<div class ="temp123"> 
    <input type="text" /> 
</div> 

Где:

.temp123 
{ 
margin: 0 auto; 
margin-left: auto; 
margin-right: auto; 
} 

В текстовом поле остается на левой стороне.

Внешний DIV имеет фиксированное с из 300px и сам центрируется с помощью margin: 0 auto;

Answer 1

.temp123{ 
    text-align:center; 
} 
.temp123 > input{ 
    text-align:left; 
} 

или просто (но не тестировалось):

.temp123 > input{ 
    margin: 0 auto; 
    margin-left: auto; 
    margin-right: auto; 
} 

Answer 2

в вашем CSS вы выбираете в Див-х margin, space вне div.

Вам нужно будет выбрать его как .temp123 input {...}

Надежда, что помогает.

Answer 3

Возможно, у меня нет вопроса, но это должно сделать это.

<style> 
.temp123 
{ 
margin: 0 auto; 
margin-left: auto; 
margin-right: auto; 
text-align:center; 
} 
</style> 
<div class ="temp123"> 
    <input type="text" /> 
</div>