Здравствуйте, у меня имеется колонна. На ней есть две сетки col-6 (bootstrap).
В этих сетках имеется Текст и картинка. Когда я даю значение в левой колонне в картинке float: left;
, и тексту также float: left;
, то все нормально (https://prnt.sc/fm38f1), но как поступить в правой колонне? Мне нужно чтобы текст и картинка были справа, но также чтобы эта картинка как в раз была слева от текста как в https://prnt.sc/fm38f1. Ведь сделав также - получается https://prnt.sc/fm3944 . Как поступить? Вот код:
HTML
<div class="container">
<div class="col col-md-6" >
<img class="totallisthimg" id="totallist-left" src="/assets/img/l1.png">
<p class="totallisth" id="totallist-left"><small class="redtext">9</small><br>COUNTRIES</p>
</div>
<div class="col col-md-6">
<img class="totallisthimg" src="/assets/img/l2.png">
<p class="totallisth" id="totallist-right"><small class="redtext">9</small><br>TOTAL LISTENERS</p>
</div>
</div>
CSS
#totallist-left {
font-weight: normal;
float: left;
}
#totallist-right {
font-weight: normal;
float: right;
}
.totallisth {
font-weight: 400;
font-size: 23px;
text-align: left;
}
.totallisthimg {
float: left;
height: 100px;
width: 100px;
margin-right: 1%;
}
Вот скрины: