"display: block" w środku, problem z wyświetlaniem Opcje

[Jabol]

Mam następujący problem, chciałbym w elemencie typu block umieścić element typu block węższy od nadrzędnego i chciałbym, aby znajdował się on w jego środu. Niestety, nie mogę tego osiągnąć. Próbowałem następująco, ale element wewnętrzny nie chce za nic puścić lewej krawędzi elementu nadrzędnego:

[HTML] pobierz, plaintext 
<div style="text-align: center"><div style="width: 50%"></div></div>
[HTML] pobierz, plaintext 

Jak już jesteśmy przy tym to jestem jeszcze ciekaw jak można umieścić dwa elementy typu block obok siebie (bez bezpośredniego pozycjonowania, chciałbym aby elementy były od siebie zależne). Bo w normalnym przypadku ustawiają się pod sobą.
Wiele moich wątpliwości rozwiałoby, gdybym wiedział, czy używanie typu table-cell jest bezpieczne i nieodradzane, gdyż spęłnia większość z tych moich wymagań.
Dodam jeszcze, że pisze w xhtml, a testuje w mozilli 1.7.8.
Z góry dzięki, pozdrawiam.

[revyag]

Żeby wewnętrzny div był wyśrodkowany musisz ustawić mu wartości margin:

[HTML] pobierz, plaintext 
<div style="text-align: center"><div style="width: 50%;margin:0 auto"></div></div>
[HTML] pobierz, plaintext 

Elementy tego typu możesz ustawić obok siebie używając stylu float.
np.

Kod

div.cell {
    width:100px;
    height:40px;
    background-color:red;
    float:left;
    margin-right:5px;
}

[HTML] pobierz, plaintext 
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<br style="clear:both" />
[HTML] pobierz, plaintext 

Style dla tła i margin dałem żeby zobrazować przkład

[Jabol]

Wielkie dzięki, revyag. Dokładnie to, czego chciałem. Pomogło .