CSS. Горизонтальное центрирование div-блока неизвестной ширины

div.top-bar {
width: 100%;
}
div.top-bar-container {
position: relative;
float: right;
right: 50%;
}
div.top-bar-container-center {
position: relative;
right: -50%;
}

<div class="top-bar">
<div class="top-bar-container">
<div class="top-bar-container-center">
Блок неизвестной ширины
</div>
</div>
</div>