JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <div class="px960">
        <img id="logo" src="img/logo_signature_sophie_felix.jpg" width="200" alt="Sophie Felix"/>
        <span id="titre">Sophie Felix Créatrice</span>
        <nav>
            <ul>
                <li><a href="index.php">Accueil</a></li>
                <li class="active"><a href="index.php">Ses &oelig;uvres</a></li>
                <li><a href="index.php">L'artiste</a></li>
                <li><a href="index.php">Contact</a></li>
            </ul>
        </nav>
    </div>
</header>
 
<section class="px960">
    <form>
        <input type="text" />
        <input type="text" />
    <textarea></textarea>
    </form>
</section>

CSS

nav{
    float:right;
    font-weight:300;
    position:relative;
    top:70px;
    right:110px;
}
 
nav ul{
    list-style:none;
}
 
nav ul li{
    float:left;
}
 
nav ul li a{
    line-height:73px;
    padding:0 20px;
    text-decoration:none;
    color:#6b6b6b;
    font-size:18px;
    transition:all 3.5s;
}
 
nav ul li.active a{
    color:#ae0117;
    position:relative;
    text-shadow:0 0 1px #ed7584;
    bottom:2px;
}
 
 
nav ul li a:hover{
    color:#ae0117;
    text-shadow:0 0 1px #ed7584;
}
 
 
 
input, textarea{
    padding:10px;
    margin:5px;
    border:1px solid #CCC;
    display:block;
}