CODEWITHSUNDEEP
csstwitter-bootstrap
Pink Code
Pink Code

Reputation: 1834

bootstrap list inline with vertical align icon

I work with bootstrap 3+. i have this code for list inline with icon : 

<ul class="list-inline">
    <li>
        <h2><a href=""><i class="fa fa-book fa-2x"></i> test link</a></h2>
    </li>
    <li>
        <h2><a href=""><i class="fa fa-book fa-2x"></i> test link</a></h2>
    </li>
</ul>

this worked but icon not in middle vertical align. how do fix this problem ?!

DEMO : FIDDLE

Upvotes: 0

Views: 3583

Answers (1)

Vitorino fernandes
Vitorino fernandes

Reputation: 15951

.fa {
  vertical-align: middle;
}

demo - http://jsfiddle.net/z52bL7L6/1/

Upvotes: 2

Related Questions