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

Может быть, я не понимаю вопрос, но это должно сделать это.

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

Answer 2

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

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

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

Answer 3

в вашем CSS вы выбираете поле div, пространство за пределами div.

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

Надеюсь, это поможет.