Как перепозиционировать элементы не меняя структуры html?

Есть совместный блок с ценой стандартной и скидочной. Хочу поменять последовательность вывода стандартная цена, затем скидочная, причем оба блока должны выводиться по центру и цена будет каждый раз разная (а значит и ширина блоков будет каждый раз разная). Как это можно сделать с помощью стилей не меняя структуры html ? фидл
del { float: right; } .price { text-align: center; }

11.390 руб. 9.340 руб.

Ответ

Есть еще такой вариант
.price { position: relative; text-align:center; } del { position: absolute; top: 0; left: 50%; } ins { position: absolute; top: 0; right: 50%; }
https://jsfiddle.net/skywave/y837g3gn/4/