JSFiddle - React, Tailwind, and code Playground

by bluey

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<div class="dropdown btn-group">
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
        Action
        <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
        <li><a href="#"><div class='derp'><div class='content'>Button 1</div></div></a></li>
        <li class='divider'></li>
        <li><a href="#"><div class='derp'><div class='content'>Button 2</div></div></a></li>
    </ul>
</div>

CSS

.derp {
    background: #2E2E2E;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    box-shadow: inset 0 0 0 5px rgba(255,255,255,.5)
}
.content{ 
    color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 16px;
	font-weight:bold;   
}