Skip to main content
cuerpo editado
Origen Enlace
Shaz
  • 29.2k
  • 18
  • 40
  • 61

Revisa esta parte:

.container {
 clear:both;
 float:left;
 overflow:hidden;
 width:100%;
}

#menu {
 float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}

#menu li {
 float:left;
 position:relative;
 right:50%;
}
<div class="cointainer">
    <nav class="nav">
        <ul id="menu">
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
        </ul>
    </nav>
</div>

Revisa esta parte

.container {
 clear:both;
 float:left;
 overflow:hidden;
 width:100%;
}

#menu {
 float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}

#menu li {
 float:left;
 position:relative;
 right:50%;
}
<div class="cointainer">
    <nav class="nav">
        <ul id="menu">
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
        </ul>
    </nav>
</div>

Revisa esta parte:

.container {
 clear:both;
 float:left;
 overflow:hidden;
 width:100%;
}

#menu {
 float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}

#menu li {
 float:left;
 position:relative;
 right:50%;
}
<div class="cointainer">
    <nav class="nav">
        <ul id="menu">
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
        </ul>
    </nav>
</div>

Revisa esta parte   

.container {
 clear:both;
 float:left;
 overflow:hidden;
 width:100%;
}

#menu {
 float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}

#menu li {
 float:left;
 position:relative;
 right:50%;
}
<div class="cointainer">
    <nav class="nav">
        <ul id="menu">
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
        </ul>
    </nav>
</div>

Revisa esta parte  

.container {
 clear:both;
 float:left;
 overflow:hidden;
 width:100%;
}

#menu {
 float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}

#menu li {
 float:left;
 position:relative;
 right:50%;
}

Revisa esta parte 

.container {
 clear:both;
 float:left;
 overflow:hidden;
 width:100%;
}

#menu {
 float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}

#menu li {
 float:left;
 position:relative;
 right:50%;
}
<div class="cointainer">
    <nav class="nav">
        <ul id="menu">
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
            <li><a class="menu__link" href="#">Ejemplo</li></a>
        </ul>
    </nav>
</div>

Origen Enlace
Lufos20
  • 31
  • 1
  • 7

Revisa esta parte

.container {
 clear:both;
 float:left;
 overflow:hidden;
 width:100%;
}

#menu {
 float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}

#menu li {
 float:left;
 position:relative;
 right:50%;
}