Zarovnanie na stred.

[badyto]

Zdravim! snazim sa zarovnat na stred jedno "tlacitko" ktoreho text sa meni cize neviem jeho presny width. nasledujuci kod sa nachadza vo velkom ale 500px dive v ktorom by som ho chcel zarovnat na stred pomocou tagu <center> lenze pokial neviem sirku toho divu v tom tagu center tak ho center nezarovna na stred, lenze ja tu sirku ani vediet nebudem lebo sa bude menit v zavislosti na texte.

Kód: Vybrať všetko

<center>
<div> 
  <div class="btnLeft"></div>   // lavy roh
  <div class="btnText">Chcem jeden!</div> //stred ktoreho text sa bude menit
  <div class="btnRight"></div>  //pravy roh
<div>
</center>

a style.css

Kód: Vybrať všetko

.btnLeft{
	display:inline;
	float:left;
	width:9px; height:53px;
	background:url(btnLeft.gif) top right;
}
.btnRight{
	display:inline;
	float:left;
	width:10px; height:53px;
	background:url(btnRight.gif) top left;
}
.btnText{
	display:inline;
	float:left;
	height:53px; line-height:53px;
	vertical-align:middle;
	color:#FFFFFF;
	font-size:26px;
	font-weight:bold;
	background:#c20d0d;
}

PLZ help

[masko]

miesto tagu center, ktory sa nepouziva, pouzi dalsi DIV, ktoremu nastavis css atributy margin: auto a text-align: center.
tym sa ti tento div vycentruje vzhladom na nadradeny element (teda v tomto pripade ten 500px velky div).

margin: auto ho vycentruje pre normalne browsere(Firefox, Opera...)

text-align: center ho vycentruje pre MSIE.