 <p>There is a particular line-height property for <code>h3</code> tag with bootstrap. </p> <pre><code>h1, h2, h3 { line-height: 40px;//line 760 } </code></pre> <p>So you will have to add style to negotiate this additional height. </p> <p>Also another set for your ul as : </p> <pre><code>ul, ol { margin: 0 0 10px 25px; //line 812 } </code></pre> <p>Solution : </p> <ol> <li><p>Over-ride the ul margin as follows : </p> <pre><code>.pull-right ul{ margin: 0; } </code></pre></li> <li><p>Over-ride the line-height for the h3 as follows : </p> <pre><code>.pull-left h3{ line-height:20px; } </code></pre></li> </ol> <p>First one is pretty straight forward and gives you correct alignment straighaway. Second solution will need you to work some more with tweaking the negative-margins for <code>.pull-right</code>. </p> <p>Debugging URL : <a href="http://jsbin.com/oToRixUp/1/edit?html,css,output" rel="nofollow">http://jsbin.com/oToRixUp/1/edit?html,css,output</a></p> <p>Hope this helps.</p>