JSFiddle - React, Tailwind, and code Playground

HTML

<header>            
                <div id="logo"><span class="rouge">Ruby</span>-Web</div>
                <p class="accroche">Parce qu'il n'y a pas que PHP dans la vie !</p>
                
                <nav id="nav">
                         <ul>
                                <li><a class="active " href="">Blog -</a></li>
                                <li><a href="">Tutoriels -</a></li>
                                <li><a href="">Contact</a></li>
                        </ul>
                </nav>
        </header>

CSS

.rouge {color:#eb4c4c;}


/* Header */
header {height:100px;}
header #logo {font-size:42px;color:#000;}

header #nav {margin:0 0 0 10px;}
header #nav ul li {float:left;margin:0 10px 0 0;}
header #nav ul li a {font-size:28px;color:black;}
header #nav ul li a:hover {color:#eb4c4c;}