центрирование дива

[vvsh]

Всем привет.

нужно сделать так:

<div class="header">
	<div class="header-left"><input type="button" value="Отменить" /></div>
	<span class="header-center">Twit</span>
	<div class="header-right"><input type="button" value="Отправить" /></div>
</div>

надо чтобы были header-left слева, и header-right справа, а header-center, по центру.

делаю

.header { overflow: hidden; }

	.header-left {
		float: left;
	}

	.header-center {

	}

	.header-right {
		float: right;
	}

как сделать по центру?

спасибо

[Softlink]

На инлайн-блоках сделайте

[vvsh]

а как теперь header растянуть на 100%?

[Softlink]

  On 11/10/2011 at 5:23 AM, vvsh said:

а как теперь header растянуть на 100%?

На 100% чего? В ширину он растянут. В высоту будет тянуться, как только укажите родителям высоту.

[vvsh]

он не тянется, получается кнопка потом сразу твит и потом сразу кнопка а должно быть так:

Кнопка твит кнопка

[Softlink]

  On 11/10/2011 at 5:38 AM, vvsh said:

он не тянется, получается кнопка потом сразу твит и потом сразу кнопка а должно быть так:

Кнопка твит кнопка

Понял, тогда так

[vvsh]

  On 11/10/2011 at 6:17 AM, Softlink said:

  On 11/10/2011 at 5:38 AM, vvsh said:

он не тянется, получается кнопка потом сразу твит и потом сразу кнопка а должно быть так:

Кнопка твит кнопка

Понял, тогда так

спасибо огромное, только display: inline-block;

[vvsh]

а есть какой нибудь вариант, чтобы сделать все фиксированным?

[Softlink]

  On 11/13/2011 at 10:07 AM, vvsh said:

а есть какой нибудь вариант, чтобы сделать все фиксированным?

Установите размеры. Или что вы понимаете под фиксированием?

[vvsh]

да разобрался, спасибо