Question

This should be easy but its proving difficult…

My element I want centred is exactly this <input type="text">

I don’t want the text centred, just the text box within the outer div.

This is my attempt which is not working

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

Where:

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

The text box remains on the left.

The outer div has a fixed with of 300px and itself is centered using margin: 0 auto;

Answer 1

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

or simply (but not tested):

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