JSFiddle - React, Tailwind, and code Playground

HTML

<a href="mon_site.html"><img src="monkey.PNG" alt=""height="10%" width="6%"/></a>

<p><a href="INSCRIPTION"></a><p>

<header>
	<ul class="navigation">
		<li><a href="mon_site.html"><img src="acceuil.PNG" alt="Acceuil" height="30%" width="30%"/></a></li>
		<li><a href=""><img src="dessin-5.PNG" alt="Recherche" height="30%" width="30%"/></a></li>
		<li><a href=""><img src="moncompte.PNG" alt="Mon compte" height="30%" width="30%"/></a></li>
		<li><a href=""><img src="options.PNG" alt="Options"height="30%" width="30%"/></a></li>
		<li><a href=""><img src="autres.PNG" alt="Autres" height="30%" width="30%"/></a></li>
	</ul>
</header>
<section>
<article>
<center><iframe align="top" src="http://www.twitch.tv/monkey_gaming_on_twitch/embed" frameborder="0" scrolling="no" height="378" width="620"></iframe><a href="http://www.twitch.tv/monkey_gaming_on_twitch?tt_medium=live_embed&tt_content=text_link" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;"></a></center>
</article>
</section>
<article>
</article>
<footer>
<p><a href="http://www.instant-gaming.com/fr/"><img src="logo.PNG" alt="Instant Gaming" height="10%" width="10%"/></a></p>
</footer>

CSS

* {
    color: rgb(255,0,68);
    font-family: Comic sans MS;
}
body {
background-image: url("dessin-1.PNG");
background-attachment: scroll;
background-color: grey;
}
.navigation
{
    float:right;
    width: 740px;
    margin: 15px 35px 0 0;
    text-align: right;
    list-style-type: none;
}
.navigation li {
    display: inline-block;
}