JSFiddle - React, Tailwind, and code Playground

by Jean-Baptiste Audras

HTML

<div id="nav">
            <ul>
                <li><a href="http://anoo.rh.francetelecom.fr/rh/default/EN/all/hd/index.htm" title="handicapaction (nouvel onglet)">handicapaction</a></li>
                <li><a href="pk_cmt.html">FAQ</a></li>
                <li><a  href="http://interview.si.francetelecom.fr/itw/int0213.nsf/Interviews/le%20saviez-vous%20Orange%20et%20le%20handicap%20SH?OpenDocument" title="Quiz (nouvel onglet)">quiz</a></li>
                <li><a href="pictogramme.html">types de handicap</a></li>           
				<li><a href="video.html"> campagne de <br />communication</a></li>
                <li><a href="carte.html">activit&eacute;s</a></li>
            </ul>
        </div>

CSS

#nav li{
    margin-left:25px;
    display:block;
    float:left;
    height:35px;
    line-height:35px;
    text-decoration:none;
    text-align:center;
    color:#000;
    }

    #nav li a:link, #nav li a:visited {
    height:35px;
    line-height:1em;
    text-decoration:none;
    text-align:center;
    padding:0 23px;
    color:#000;
    display: table-cell;
    vertical-align: middle;
    }

    #nav li a:hover, #nav li a:active {
    text-decoration:none;
    color:#FF6600;
    border-bottom:#FF6600 solid thin;
    }