 <p>Both anchor tags are displayed as blocks by neon-forms.css, so they can't be side by side:</p> <pre><code>.mail-env .mail-sidebar .mail-menu &gt; li a { display: block; } </code></pre> <p>So you could change it to inline-block, for example, but it wouldn't solve the problem anyway because of html structure: badge will stay inside of the first anchor tag.</p> <p>Is it possible for you to change html to something like this?</p> <pre><code>&lt;li class="active"&gt; &lt;!--1st a tag --&gt; &lt;a href="#" style="padding:12px;"&gt; &lt;i class="entypo-dot"&gt;.&lt;/i&gt; Moses Danko &lt;span class="label label-info"&gt;Parent&lt;/span&gt; &lt;/a&gt; &lt;!--2nd a tag --&gt; &lt;a href="#" onclick="confirm_modal('&lt;?php ... ?&gt;');"&gt; &lt;i class="entypo-trash"&gt;&lt;/i&gt;Del &lt;/a&gt; &lt;span class="badge badge-danger pull-right"&gt; 2 &lt;/span&gt; &lt;/li&gt; </code></pre> <p>And css to:</p> <pre><code>.mail-env .mail-sidebar .mail-menu &gt; li a { display: inline-block; } </code></pre>