JSFiddle - React, Tailwind, and code Playground

by MrLister

HTML

<header>
    <h1>Hernan esta con vos</h1>
    <nav>
        <ul class="navigation-list">
            <li><a href="#">Nuestra firma</a></li>
            <li><i class="icon-ellipsis-vertical"></i></li>
            <li><a href="#">Que podemos hacer por vos</a></li>
            <li><i class="icon-ellipsis-vertical"></i></li>
            <li><a href="#">Comunicate con nosotros</a></li>
        </ul>
    </nav>
</header>

CSS

header
{
    display: block;
    width: 90%;
    margin: 0em auto;
    padding: 1em;
    text-transform: uppercase;
    overflow: auto;
}

header h1
{
    display:inline;
}

header nav
{
    display:inline;
}

.navigation-list
{
    display:inline;
    margin: 0em;
    padding: 0em;
    list-style: none;
    text-align: center;  
}

.navigation-list li
{
    display: inline;
    letter-spacing: 0.10em;
    padding: 0em 0.25em;
}