Estoy realizando mi primera pagina web y lo que intento hacer es centrar el icono que está en el menú de navegación y que se mantenga centrado al usarlo en cualquier dispositivo. Al estirar el navegador que siga estando centrado.
Un ejemplo claro de lo que quiero hacer lo pueden encontrar en la página oficial de Apple
.menu nav .logo {
background-image: url("../contenido/logo.png");
background-repeat: no-repeat;
background-position: center;
width: 140px;
height: 45px;
background-size: 140px;
float: left;
z-index: 998;
}
<header class="menu">
<nav>
<div class="botonMenu">
<div class="rayaDelMenu"></div>
<a class="logo" href="#"></a>
<ul>
<li><a href="#">Trabajo</a></li>
<li><a href="#">Trabajo</a></li>
<li><a href="#">Trabajo</a></li>
<li><a href="#">Trabajo</a></li>
<li><a href="#">Trabajo</a></li>
</ul>
</nav>
</header>