 <p>Here you go: <strong>Fiddle</strong> <a href="http://jsfiddle.net/fx62r/2/" rel="nofollow">http://jsfiddle.net/fx62r/2/</a></p> <p><code>inline-block</code> leaves white-space between elements. I would use <code>float: left;</code> instead of inline block</p> <p>Write elements on same line to avoid white-space. Like this:</p> <p><code>&lt;div class="icon"&gt;&lt;/div&gt;&lt;div class="title"&gt;&lt;/div&gt;&lt;div class="icon"&gt;&lt;/div&gt;</code></p> <p>And remove Margin:</p> <pre><code> .icon { margin: 0 0.2em 0.2em 0; //Remove. } .title { margin: 0 0.2em 0.2em 0; //Remove } </code></pre>