Центр 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>

Ответы

position:absolute;
right:0;

#parent {
position:relative;
}

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

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