JSFiddle - React, Tailwind, and code Playground

by afshinprofe

HTML

<ul>
<li>
      <a class='dropdown-toggle' href='index.html'> Home </a>
    </li>

    <li>
        <li class="dropdown">
        <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
        <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
          <li><a tabindex="-1" href="#">Action</a></li>
          <li><a tabindex="-1" href="#">Another action</a></li>
          <li><a tabindex="-1" href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a tabindex="-1" href="#">Separated link</a></li>
        </ul>
      </li>
    </li>
    </ul>

CSS

.dropdown-toggle
{
    display:block;
    float:none;outline: 0;
    padding:8px 6px 6px;
    line-height:12px;
    text-decoration:none;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}