@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;}
  • Вопрос задан
  • 217 просмотров
Пригласить эксперта
Ответы на вопрос 1
@amaduha
Вот здесь хорошо описано как выровнять блок
Ну или просто смотрите готовый пример
А так то конечно с появлением flexbox вопрос должен быть исчерпан. Другой вопрос, что он пока поддерживается не везде (:
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
01 дек. 2020, в 23:18
80000 руб./за проект
01 дек. 2020, в 22:41
60000 руб./за проект
01 дек. 2020, в 21:24
500 руб./за проект