Wyśrodkowanie i opływanie

    <div id="1">
        <div id="11">a</div>
        <div id="12">b</div>
    </div>

Moim celem jest:

///////////////////////////////
//////////* a b *////////////////
///////////////////////////////

tymczasem jeśli dam div o ID="1" align:center, wówczas mam:

///////////////////////////////
////////////* a ////////////////
//////////// b *////////////////
///////////////////////////////

Natomiast jeśli dam divom 11 i 22, float:left, mam:

/////////////////////////////
a b ///////////////////////////////
/////////////////////////////

Proszę o jakąś wskazówkę jak mam z tego wybrnąć.

Chyba najprostsze wyjście: metoda display: inline w divie.

Nie pomogło, nadal to samo.
Natomiast kiedy ustawiłem to w divach 11 i 12, "b" nieznacznie się podwyższyło w stosunku do "a", ale nadal nie są obok siebie.

wybierz inny znacznik liniowy a @up dobrze mówił - display:inline