我想水平居中的自定义导航栏菜单:中心定制导航栏菜单水平
<ul class="topnav" id="myTopnav" >
<li><a href="index.html"><img class="img-responsive" width="60px" src="imagenes/botones/logo_hera.png" /></a></li>
<li><a href="doctores.html"><img class="img-responsive" width="180px" src="imagenes/botones/doctores_boton.png" /></a></li>
<li><a href="#news"><img class="img-responsive" width="180px" src="imagenes/botones/hospitales_boton.png" /></a></li>
<li><a href="#news"><img class="img-responsive" width="180px" src="imagenes/botones/farmacias_boton.png" /></a></li>
<li><a href="#news"><img class="img-responsive" width="180px" src="imagenes/botones/laboratorios_boton.png" /></a></li>
<li class="icon">
<a href="javascript:void(0);" onclick="myFunction()">☰</a>
</li>
</ul>
CSS:
/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
list-style-type: none;
margin: 0;
padding: 10px;
width: 100%;
display: inline-block;
}
/* Float the list items side by side */
ul.topnav li {float: left;
margin: 10;
padding: 10;
}
/* Style the links inside the list items */
ul.topnav li a {
display: inline-block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
transition: 0.3s;
font-size: 40px;
}
但它在屏幕的左侧所示,
编辑:
凡列表放置?你能提供HTML上下文吗? – sinisake
@nevermind它是
标签中唯一的内容。 – mvasco@mvasco你已经提到浮在李..ul.topnav李{浮法:左;如果可能请提供您的小提琴 –