Wyśrodkowywanie div w wierszu wbudowanym w element nadrzędny podczas ignorowania elementów pływających

Question

Próbuję wyśrodkować wiersz div w jego obiekcie nadrzędnym. Element macierzysty ma także dziecko div, które unosi się w prawo. Z powodu wyrównania w prawo div, moje wyśrodkowane div jest przesunięte w lewo. Chcę wycentrować środkowy element div, niezależnie od pozycji/rozmiaru pływającego, takiego jak obraz poniżej.

Obecna konfiguracja ma zarówno wewnętrzne div wewnątrz rodzica, ale jestem przy założeniu, że właściwym sposobem jest, aby mieć prawo wyrównany div być poza bezwzględną pozycję?

Mam również wiele instancji elementu nadrzędnego div na tej samej stronie.

Jaki jest najlepszy sposób na osiągnięcie tego wyniku?

aktualny kod

<div id="parent" style="text-align:center"> 
    <div style="display:inline-block;"> ... </div> 
    <div style="display:inline-block;float:right"> ... </div> 
</div> 

Answer 1

ustawić prawy div css

position:absolute; 
right:0; 

względem div

#parent { 
position:relative; 
} 

Answer 2

position:absolute jest jedynym sposobem

DEMO http://jsfiddle.net/kevinPHPkevin/u4FWr/1/

.center { 
    display:inline-block; 
    position: absolute; 
    left:0; 
    right:0; 
} 

EDITED

nie wiem, czy to już sugerowano

Albo można absolute: position; prawo div zamiast

DEMO http://jsfiddle.net/kevinPHPkevin/u4FWr/3/

.right { 
    display:inline-block; 
    position: absolute; 
    right:0; 
}