JSFiddle - React, Tailwind, and code Playground

by duarteleao

HTML

<div id="main-navigation" class="container">
    <div class="menu rounded">
        <ul id="navigation" class="l_tinynav1">
            <select id="tinynav1" class="tinynav tinynav1">
                <option value="value1">Value 1</option>
                <option value="value2">Value 2</option>
                <option value="value3">Value 3</option>
            </select>
        </ul>
    </div>
</div>

CSS

#main-navigation .menu ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #D51386;
    border-left: 1px solid #D51386;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #D51386;
    margin: 0 auto;
    min-height: 38px;
    overflow: visible;
    width: 98%;
}
#main-navigation .menu li {
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #C1C1C1;
    float: left;
    height: 38px;
    position: relative;
    top: 0;
}

#main-navigation {
  overflow: hidden;
}