JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div class="sidebar">
<ul class="dropdown-menu" style="display: block; position: static;">
<li class="dropdown-submenu active"><a href="#">toyota highlander</a>
<ul class="dropdown-menu">
<li><a href="/search/57/atlanta/">atlanta</a></li>
<li><a href="/search/57/austin/">austin</a></li>
<li><a href="/search/57/boston/">boston</a></li>
<li><a href="/search/57/chicago/">chicago</a></li>
<li><a href="/search/57/seattle/">seattle</a></li>
</ul>
</li>
<li><a href="/search/56" class=" ">honda fit </a></li>
<li class="dropdown-submenu"><a tabindex="-1" href="#">ford explorer </a>
<ul class="dropdown-menu">
<li><a href="/search/54/raleigh/">raleigh</a></li>
<li><a href="/search/54/sacramento/">sacramento</a></li>
<li><a href="/search/54/sandiego/">sandiego</a></li>
<li><a href="/search/54/seattle/">seattle</a></li>
</ul>
</li>
</ul>
</div>
CSS
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu{float:none;}.dropdown-submenu>.dropdown-menu{left:-100%;margin-right:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.sidebar{float:right;margin-right:20px;}