I'm creating a pagetitle with breadcrumbs. Now I want to vertical align te breadcrumbs. The div doesn't have a static height as it grows with the font-size and margin.
<div style="display: block; float: left; width: 100%;">
<h1 style="float: left; text-align: left; margin: 0px;">
<i class="fa fa-star-o"> </i> Information
</h1>
<div style="float: right; vertical-align: middle;">
<a href="#" target="_self">Home</a> / Home / Home
</div>
</div>
You can see a preview of my problem here:
Use
line-height
for rightdiv
: