中心菜单sem largura（宽度，不带中心菜单）

Posted 2021-02-25

Centralizar menu sem usar width

html:
 
<nav>
	<ul>
		<li><a href="#">Home</a></li>
		<li><a href="#">Article & Tutorials</a></li>
		<li><a href="#">Contact</a></li>
	</ul>
</nav>
 
 
CSS:
 
nav {
    overflow: hidden;
}
nav ul{
    list-style: none;
    float: left;
    position: relative;
    left: 50%;
}
nav ul li{
    float: left;
    position: relative;
    right: 50%;
    margin: 0 1px;
}