inputs inside div

first input is centered block, subsequent are inline-blocks which automatically tile inside the container div.

by CoolBlue

HTML

<form name='form'>
    <div class='outer'>
        <input class='inner' type='text' placeholder='inner content' />
        <input class='inner' type='text' placeholder='inner content' />
        <input class='inner' type='text' placeholder='inner content' />
    </div>
</form>

CSS

div {
    border: 1px solid black;
    padding: 2px;
    text-align: center;
}
.inner {
    width: 100px;
    display: inline-block;
    margin: auto;
}
.inner:first-child{
    display: block;
    text-align: center;
}