JSFiddle - React, Tailwind, and code Playground

by Blanca B

HTML

<h1 id="cabecera">Emma bakes</h1>

<div id="menu">
    <ul>
        <li>Home</li>
        <li>About</li>
        <li>My book</li>
        <li>Index</li>
    </ul>
</div>

    <ul>
        <li>Uno</li>
        <li>Dos</li>
        <li>Tres</li>
        <li>Cuatro</li>
    </ul>

CSS

@import url(https://fonts.googleapis.com/css?family=Rochester);

#cabecera {
    color: lightgrey;
    font-family: 'Rochester';
    font-size: 100px;
    text-align: center;
    margin-top: 0px;
}

#menu {
    background-color: lightpink;
    margin-top: -40px;
    text-align: center;
    font-family: 'Josefin Sans';
    font-size: 20px;
    text-transform: uppercase;
    color: white;
}

#menu li {
    display: inline-block; 
    padding: 10px;
}