Нужно выровнять текст по средине. Нужно что бы он всегда был по средине, на всех разрешениях. Как посоветуете сделать?
<div class="rent-of-dedicated-server-backups-list col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="left-side backups-list-3"><img src="img/baseico-ico.png"></div>
<div class="text text-left"><span>Восстановление данных</span></div>
<div class="text text-left">Вы сможете быстро восстанавливать данные</div>
</div>
SASS
.rent-of-dedicated-server-backups-list{
padding: 0;
margin-bottom: 15px;
border-radius: 10px;
background: #ffffff;
box-shadow: 2.3px 4.5px 9px 0 rgba(0, 0, 0, 0.08);
.left-side{
float: left;
color: #ffffff;
min-height: 64px;
font-weight: bold;
font-size: 17px;
padding: 0 26px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
&> img{
margin-top: 18px;
width: 28px;
}
}
.text{
font-size: 14px;
width: 75%;
float: left;
margin-top: 3px;
font-weight: normal;
padding-left: 14px;
line-height: normal;
&> span{
font-size: 15px;
font-weight: bold;
color: #448ccb;
}
&:before{
content: '';
display: block;
position: absolute;
top: -2px;
left: 61px;
border-bottom: 66px solid #ffffff;
border-left: 20px solid transparent;
}
}
}