JSFiddle - React, Tailwind, and code Playground

by GCyrillus

HTML

<ul id="elmenu">
    <li class="menu" id="logo">
        <img id="imglogo" src="http://placehold.it/1&1" />
    </li>
    <li class="menuboton"><a href="index.php">Inicio</a>

    </li>
    <li class="menuboton"><a href="Posts.php">Posts</a>

    </li>
    <li class="menuboton"><a href="login.php">Login</a>

    </li>
    <li class="menuboton"><a href="usuarios/actividadUsuario.php">Usuario</a>

    </li>
</ul>

CSS

.menuboton {
    display:inline-block;
    ;
    padding:0.7em;
    border-radius: 4px;
    background-color: #093;
    line-height:1.2em;
}
.menu {
    float: left;
}
#elmenu {
    padding:0;
    margin:0;
    list-style-type:none;
    line-height:48px;
    text-align:center;
    border-top:1px solid black;
    border-bottom:1px solid black;
}
.menu img {
    background:url('http://i.stack.imgur.com/MkThI.jpg') -1px -4px;
    padding-left:151px;
    padding-top :47px;
}
a {
    color:white;
    text-decoration:none;
}