Помогите сверстать сайдбар

Вилков Михаил

.back_zub {
position: absolute;
z-index: -1;
border: 1px solid black;
}

.sidebar_ul {
margin-left: -40px;
}

.sidebar_li {
list-style-type: none;
}

.sidebar_li a {
text-decoration: none;
color: white;
text-transform: uppercase;
letter-spacing: -2px;
font-family: Roboto;
}

<div class="sidebar">
<ul class="sidebar_ul">
<li class="sidebar_li">
<img class="back_zub" src="img/footer/mini_zub/back_zub.png">
<img class="mini_zub" src="img/footer/mini_zub/mini_zub.png">
<a href="#">
Лечение зубов
</a>
</li>
<li class="sidebar_li">
<img class="back_zub" src="img/footer/mini_zub/back_zub.png">
<img class="mini_zub" src="img/footer/mini_zub/mini_zub2.png">
<a href="#">
ЗУБНЫЕ ПРОТЕЗЫ
</a>
</li>
<li class="sidebar_li">
<img class="back_zub" src="img/footer/mini_zub/back_zub.png">
<img class="mini_zub" src="img/footer/mini_zub/mini_zub3.png">
<a href="#">
Имплантация зубов
</a>
</li>
<li class="sidebar_li">
<img class="back_zub" src="img/footer/mini_zub/back_zub.png">
<img class="mini_zub" src="img/footer/mini_zub/mini_zub4.png">
<a href="#">
ГИГИЕНА ПОЛОСТИ РТА
</a>
</li>
<li class="sidebar_li">
<img class="back_zub" src="img/footer/mini_zub/back_zub.png">
<img class="mini_zub" src="img/footer/mini_zub/mini_zub5.png">
<a href="#">
Эстетическая стоматология
</a>
</li>
<li class="sidebar_li">
<img class="back_zub" src="img/footer/mini_zub/back_zub.png">
<img class="mini_zub" src="img/footer/mini_zub/mini_zub6.png">
<a href="#">
ЛЕЧЕНИЕ ДЕСЕН
</a>
</li>
<li class="sidebar_li">
<img class="back_zub" src="img/footer/mini_zub/back_zub.png">
<img class="mini_zub" src="img/footer/mini_zub/mini_zub7.png">
<a href="#">
Исправление прикуса
</a>
</li>
<li class="sidebar_li">
<img class="back_zub" src="img/footer/mini_zub/back_zub.png">
<img class="mini_zub" src="img/footer/mini_zub/mini_zub8.png">
<a href="#">
Удаление зубов
</a>
</li>
<li class="sidebar_li">
<img class="back_zub" src="img/footer/mini_zub/back_zub.png">
<img class="mini_zub" src="img/footer/mini_zub/mini_zub9.png">
<a href="#">
Отбеливание зубов
</a>
</li>
<li class="sidebar_li">
<img class="back_zub" src="img/footer/mini_zub/back_zub.png">
<img class="mini_zub" src="img/footer/mini_zub/mini_zub10.png">
<a href="#">
ДЕТСКАЯ СТОМАТОЛОГИЯ
</a>
</li>
<li class="sidebar_li">
<img class="back_zub" src="img/footer/mini_zub/back_zub.png">
<img class="mini_zub" src="img/footer/mini_zub/mini_zub11.png">
<a href="#">
ЗУБОТЕхНИЧЕСКАЯ ЛАБОРАТОРИЯ
</a>
</li>
</ul>
</div>

http://prntscr.com/dg2ze1 вот такой надо сверстать. Помогите мне выровнять значки по левому краю чтобы они были отцентрованы и уже не зависимо от них пункты меню тоже друг под другом. У меня сейчас так http://prntscr.com/dg3hz2

Вилков Михаил 9 месяцев назадСпасибо 1
1 чел.