JSFiddle - React, Tailwind, and code Playground

by Blanca B

HTML

<div id="iconos">
    <a href="http://www.facebook.com"><img src="http://bit.ly/IconoFb" /></a>
    <a href="http://www.twitter.com"><img src="http://bit.ly/IconoTw" /></a>
    <a href="http://www.instagram.com"><img src="http://bit.ly/IconoIns" /></a>
</div>

<h1 id="cabecera">Blanca Bakes</h1>

<div id="menu">
    <ul>
        <li>Inicio</li>
        <li>Sobre mĂ­</li>
        <li>Mi libro</li>
        <li>Contacto</li>
    </ul>
</div>

CSS

@import url(https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day);

#cabecera {
    color: #F5C2B2;
    font-family: 'Dawning of a New Day';
    font-size: 70px;
    text-align: center;
    margin-top: 0px;
}

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

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

#iconos {
    text-align: right; 
}
}