Всем привет! У меня есть 3 блока - подскажите как их разместить снизу по центру друг за дружкой без промежутков, чтобы такое положение сохранялось для всех разрешений экранов? Причем ширина блока trail-end
должна быть произвольной
.mad-breadcrumbs {
height: 300px;
position: relative;
}
.trail-end {
text-transform: uppercase;
color: #fff;
font-family: "HelveticaNeue-CondensedBold";
font-size: 18px;
background-color: orange;
width: 250px;
height: 48px;
text-align: center;
line-height: 60px;
position: absolute;
bottom: 0;
left: 41%;
}
.trail-end-right {
background-color: red;
height: 48px;
width: 18px;
position: absolute;
bottom: 0;
left: 90%;
}
.trail-end-left {
background-color: green;
height: 48px;
width: 18px;
position: absolute;
bottom: 0;
left: 20%;
}
<div class="mad-breadcrumbs">
<span class="trail-end-left">Л</span>
<span class="trail-end">Товары</span>
<span class="trail-end-right">Р</span>
</div>