Как выставить элемент before (иконка svg) по центру родительсокого блока? Пробовал задать в процентах, но иконка двигается относительного общего серого блока, а не блока li.
1 ответ
Оформил ответ в код, если @Рашен Беар выложит свой вариант -- удалю.
.parent{
width:800px;
height:500px;
background-color: #ccc;
position:absolute;
}
li{
list-style-type:none;
height:300px;
background-color: yellow;
width: 30%;
position:relative;
}
li:before{
content:'';
width:50px;
height:50px;
display:block;
position: absolute;
background-color: blue;
top:50%;
margin-top:-25px;
left:50%;
margin-left: -25px;
}
<div class="parent">
<li></li>
</div>
-
Благодарю! Удалять не нужно будет, будут ставить флажки вверх, это тоже будет прибавлять репутацию.– Sylon20 апр 2017 в 15:07
position: relative;
left: 50%; margin-left: -25px;
в margin-left указать половину ширины иконки