Центр inline-block div в родителе при игнорировании плавающих элементов

Я пытаюсь центрировать встроенный div в своем родителе. Родительский элемент также имеет дочерний div который плавает вправо. Из-за правого выровненного div мой центрированный div смещается влево. Я хочу центрировать средний div независимо от положения/размера плавающего, как изображение ниже с предоставленным кодом.

.parent {
    text-align: center;
}
.parent div {
    display: inline-block;
}

<div id="parent">
    <div> ... </div>
    <div style="float:right"> ... </div>
</div>

Ответ 1

установите правильный div css

position:absolute;
right:0;

относительно родительского div

#parent {
position:relative;
}

Ответ 2

position:absolute является единственным способом

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

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

EDITED

не уверен, что это уже было предложено

Или вы можете absolute: position; выбрать правильный div

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

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