JSFiddle - React, Tailwind, and code Playground

HTML

<div class="circlemenu">
<ul>
<li><a href="http://bengkelbloggerblog.blogspot.com/" target="_blank">CSS</a></li>
<li><a href="http://bengkelbloggerblog.blogspot.com/" target="_blank">HTML</a></li>
<li><a href="http://bengkelbloggerblog.blogspot.com/" target="_blank">JS</a></li>
<li><a href="http://bengkelbloggerblog.blogspot.com/" target="_blank">JQUERY</a></li>
<li><a href="http://bengkelbloggerblog.blogspot.com/" target="_blank">DEMO</a></li>
</ul>
</div>

CSS

.circlemenu{width:100%; overflow:hidden}
.circlemenu ul{margin:0; padding:0; font:bold 14px Verdana; list-style-type:none; text-align:center}
.circlemenu li{display:inline; margin:0}
.circlemenu li a{display:inline-block; text-align:center; text-decoration:none; color:white; background:#b30707; margin:0; margin-right:5px; width:100px; height:60px; border-radius:400px;padding-top:40px}
.circlemenu li a:visited{color:white}
.circlemenu a:hover{background:#FF4000}