Как поместить два элемента вправо, поддерживая один и тот же порядок визуально и семантически?

Как разместить два элемента внутри элемента-обертки вправо, сохраняя одинаковый порядок элементов визуально и семантически?

<style>
.container { widht: 200px; height: 50px; background: #333; }
.container p { width: 50px; height: 50px; background: #f00; float: right; margin: 0; }
</style>
<div class="container">
    <p class="a">Simon</p>
    <p class="b">Says</p>
</div>

При визуализации это заставит внутренние элементы появляться в порядке «говорит Саймон»,http://jsbin.com/eravan/1/edit.

Ответы на вопрос(4)

Ваш ответ на вопрос