JSFiddle - React, Tailwind, and code Playground

by Stalk

HTML

<div class="zzz">
    <button type="button" class="btn btn-default pull-left" aria-label="Left Align">
      <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Logo
    </button>
    <button type="button" class="btn btn-default pull-right" aria-label="Left Align">
      <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> Button
    </button>
    
    <ul class="middle pull-left">
        <li>one</li>
        <li>two</li>
        <li>three</li>
    </ul>
    
    
    <div style="clear: both"></div>
</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.min.css');

body {
    background-color: #ccc;
}

.zzz {
    padding: 1em;
    margin: 1em;
    background-color: white;
    max-width: 500px;
}
ul.middle {
    min-width: 300px;
    outline: solid 1px red;
}
ul.middle li {
    display: inline-block;
    margin: 0 auto;
    padding: .5em 1em;
    background-color: #eee;
}