Контент всегда сосредоточен в диалоге

Question

Может ли кто-нибудь помочь мне всегда (также после изменения размера диалога) центрировать мой контент в диалоге? Два текстовых поля должны быть рядом.

Взгляните на мою скрипку здесь http://jsfiddle.net/65FUA/.

Большое спасибо за помощь!

С уважением, Шуб

Answer 1

Нужно ли использовать float: left?

Вот решение с использованием display: inline-block и text-align: center;

http://jsfiddle.net/MLnX6/1/

Работает ли это?

Answer 2

Удалите style="float: left" из элементов управления вводом и добавьте это в таблицу стилей (или теги стилей):

#div1
{
    text-align:center;

}

Answer 3

Я переместил ваши стили ввода в CSS для удобства чтения.

По существу добавьте фиксированную ширину (я выяснил, что лучшая ширина составляет 387 пикселей) и margin: 0 auto; к вашему элементу <form>.

form
{
    width: 387px;
    margin: 0 auto;
}

form input
{
    float: left;
}

Стоит отметить, что в Firefox он работает не так, как в Chrome (который я тестировал). Просто увеличьте ширину на несколько пикселей, и это будет работать и в FF.

http://jsfiddle.net/65FUA/2/