JSFiddle - React, Tailwind, and code Playground
HTML
<div class = "container">
<div class = "navbar">
<div class = "navbar-inner">
<div class = "container">
<ul class = "nav pull-right">
<li>
<a href = "#">Test</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class = "container">
<div class = "navbar">
<div class = "navbar-inner">
<div class = "container" style = "width:auto;">
<ul class = "nav pull-right">
<li>
<a href = "#">Test</a>
</li>
</ul>
</div>
</div>
</div>
</div>
Scroll right »<br />
Note that I've highlighted the .container
CSS
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
body{margin:0;font-family:"Helvetica...