Не могу выровнять блок по центру относительно других. Вот часть кода. Или если вкратце: Есть один блок display:block, в нем 2 блока inline-block а 3 нужно прижать к правому краю родителя, но чтобы он находился вертикально по центру относительно других. Как это сделать?
Делаю здесь http://ravlex.pluton-host.ru/polar/cart.html
.formdostavka input[type=radio] + .descdostavka:before {
content: "\f07a";
font-family: FontAwesome;
display: inline-block;
color: #fff;
font-size: 24px;
background-color: #0e62bd;
border-radius: 5px;
padding: 13px 40px;
margin-right: 15px;
vertical-align: middle;
}
.descdostavka {
font-family: "MuseoSansCyrl-500";
font-size: 15px;
}
.boxdost {
display: inline-block;
vertical-align: middle;
max-width: 630px;
}
.boxprice {
display: inline-block;
float: right;
}
<div class="descdostavka">
<div class="boxdost">
<span class="titledostavka">Доставка заказа стоимостью до 15000 руб.</span>
<span class="descrdostavka">Стоимость доставки по Московской области, а так же доставки по Москве в пределах МКАД
заказов до 15 тысяч рублей - уточняйте дополнительно у наших менеджеров.</span>
</div>
<div class="boxprice">
<span>Стоимость: 0 руб.</span>
</div>
</div>