JSFiddle - React, Tailwind, and code Playground

by Osoascam

HTML

<div class="container" id="menu">
    <div class="navbar">
        <div class="navbar-inner">
            <ul class="nav">
                <li>
                    <a href="/sony">Sony</a>
                    <ul class="dropdown-menu sub-nav">
                        <li><a href="/sony/ps3">Play Station 3</a></li>
                        <li><a href="/sony/ps2">Play Station 2</a></li>
                        <li><a href="/sony/psx">Play Station</a></li>
                    </ul>
                </li>
                <li>
                    <a href="/nintendo">Nintendo</a>
                    <ul class="dropdown-menu sub-nav">
                        <li><a href="/nintendo/gamecube">Gamecube</a></li>
                        <li><a href="/nintendo/wii">Wii</a></li>
                        <li><a href="/nintendo/wiU">WiU</a></li>
                    </ul>
                </li>
                <li>
                    <a href="/microsoft">Microsoft</a>
                    <ul class="dropdown-menu sub-nav">
                        <li><a href="/microsoft/xbox">Xbox</a></li>
                        <li><a href="/microsof/xbox360">Xbox 360</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>

CSS

.container:after {
    clear: both;
}
.container:before, .container:after {
    content: "";
    display: table;
    line-height: 0;
}
.container:before, .container:after {
    content: "";
    display: table;
    line-height: 0;
}
.container {
    margin-left: auto;
    margin-right: auto;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 940px;
}