Выравнивание элемента по вертикали относительно блока родителя?

Question

[Denis9999]

Делаю как написано в теории, a (ссылку) делаю блочным элементом, чтобы потом выровнять строчный div(в данном случае my_line_block) по вертикали, но он не выравнивается. В чем загвоздка?
Код:

<div class="my_cart">
                    <a class="dropdown-toggle" href="{{ route('cart') }}">
                      <div class="my_line_block">
                     	 <span class="v_cart_text">В корзине</span>
                     	 <br> 
                     	 <span class="">
                      		<span id="cart_count"></span> 
                      		<span id="cart_count_caption"></span>
                     	 </span>
                        	<br>
                      	<span id="cart_sum"></span>
                      </div>
                    </a>
      </div>

.my_cart > a {display:block;
width:212px;
height:50px;
background-color:#00aeef;
}
.my_line_block {
 display:inline-block;
vertical-align: middle;
line-height:12px;}

Answer 1

[Сергей delphinpro]

Центрирование в CSS: полное руководство