JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<div class="h-wrap">
<a class="btn btn-default">Some</a>
<a class="btn btn-default">Some</a>
<a class="btn btn-default">Some</a>
<a class="btn btn-default">Some</a>
<a class="btn btn-default">Some</a>
<a class="btn btn-default">Some</a>
</div>
<div class="h-wrap">
<button class="btn btn-default">Some</button>
<button class="btn btn-default">Some</button>
<button class="btn btn-default">Some</button>
<button class="btn btn-default">Some</button>
<button class="btn btn-default">Some</button>
<button class="btn btn-default">Some</button>
</div>

CSS

.h-wrap > * {
    display:inline-block;
    margin-right : -4px; /* Traditional fix won't work! */
}