У меня возникают проблемы с центрированием значков (как по вертикали, так и по горизонтали) в родительском div. У меня много родительских divs
на моей странице разных размеров, поэтому я хочу иметь возможность пропорционально размещать значки в центре каждого родительского div. Здесь JSFiddle проблемы:
HTML
<div class="img_container">
<i class="icon-play-circle"></i>
</div>
<br>
<div class="img_container2">
<i class="icon-play-circle"></i>
</div>
CSS
.img_container{
width:100px;
height:100px;
position:relative;
background:red;
}
.img_container2{
width:100px;
height:50px;
position:relative;
background:blue;
}
.icon-play-circle{
position:absolute;
top:45%;
left:45%;
color: white;
}