JSFiddle - React, Tailwind, and code Playground

by slevin

HTML

<header class="headup">
    
<h1> Fanboy and Chumchum </h1> 
    <nav>
         <h2>

      <a href="menu1.php">menu1</a>		|	<a href="menu2.php">menu2</a>	|	<a href="menu3.php">menu3</a>

  </h2>

</header>

CSS

header {
    padding - left: 5 %;
    padding - right: 5 %;
    margin: auto;
    width: 50 %;
    height: auto;
    border: 1px solid gray;
    background - color: #CCCCCC;
    position: static;
}
h1 {
    margin - top: 0px;
    margin - bottom: 0 %;
    padding - top: 0 %;
    margin - left: 0 %;
    margin - right: 0 %;
    padding - left: 0 %;
    padding - right: 0 %;
    font - family: Arial, Verdana;
    font - size: 120 %;
    text - align: right;
    color: #CCCCCC;
    float:right;
}
h2 {
    padding - bottom: 0 %;
    padding - top: 3 %;
    font - family: Arial, Verdana;
    font - size: 100 %;
    color: #006600;
    text-align:right;
    margin-top:3%;
    float:right;
}