[uglik]

Здравствуйте.

Столкнулся с выравниванием текста по середине в списке ul li
Используется:

Css framework bootstrap 3
fontawesome иконки

Код HTML:

<div class="col-md-6 left_side"> <ul class="list-unstyled"> <li><i class="fa fa-check-square-o"></i> Строка 1</li> <li><i class="fa fa-check-square-o"></i> Строка 2</li> <li><i class="fa fa-check-square-o"></i> Строка 3</li> <li><i class="fa fa-check-square-o"></i> Строка 4</li> <li><i class="fa fa-check-square-o"></i> Строка 5</li> </ul> </div>

прописываю css свойство .left_side ul li {display:inline-block; vertical-align:middle;font-size:18px; line-height: 18px;}
размер .fa {font-size:30px;}

Подскажите как можно выровнять текст по середине ?

[alex25ks]

Добавьте vertical-align:middle; к иконкам, т.е. к .fa