JSFiddle - React, Tailwind, and code Playground

by Jessie Lau

HTML

<html>
    
    <head></head>
    
    <body>
        <ul class="menu">
            <li> <a href="http://www.w3.org/Style/CSS/">CSS Specification</a>

            </li>
            <li> <a href="http://www.csszengarden.com/">CSS Zen Garden</a>

            </li>
            <li> <a href="http://www.blueprintcss.org/">Blueprint</a>

            </li>
            <li> <a href="http://developer.yahoo.con/yui">YUI</a>

            </li>
        </ul>
    </body>

</html>

CSS

* {
     padding:0px;
     margin:0px;
 }
 body {
     background-color:#cccccc;
 }
 .menu {
     list-style:none;
     text-align:center;
 }
 .menu li:hover {
     background-color:Azure;
 }
 .menu li {
     display:inline-block;
     width:200px;
     height:100px;
     text-align:center;
     font-size:20px;
     padding:60px 20px 5px 10px;
    
     background-color:#B9F0EF;
 }
 .menu li a {
     text-decoration:none;
     color:#000000;
 }