joaohenrique010 0 Denunciar post Postado Janeiro 17, 2015 Olá! Não consigo alinhar o conteúdo deste menu ao centro: CSS .container{position:relative;margin:0 auto;width:100%;} #menu{position:fixed;z-index:10;width:100%;background:blue;text-align:center;} #menu ul{list-style:none;} #menu ul li{float:left;position:relative;text-align:center;} #menu ul li a{text-decoration:none;color:white;display:block;padding:15px 30px;transition:0.15s ease-out;} #menu ul li a:hover{transition:0.2s ease-in-out;background:lightblue;} HTML <div class="container"> <div id="menu"> <ul> <li><a href="">Início</a></li> <li><a href="">Link 1</a></li> <li><a href="">Link 2</a></li> <li><a href="">Link 3</a></li> <li><a href="">Sobre</a></li> </ul> </div> </div> O text-align não faz efeito algum. Como resolvo isso? Compartilhar este post Link para o post Compartilhar em outros sites
angelorubin 142 Denunciar post Postado Janeiro 17, 2015 Veja se ajuda - http://jsfiddle.net/angelorubin/e7d0sjcf/ Compartilhar este post Link para o post Compartilhar em outros sites
WictorP 9 Denunciar post Postado Janeiro 17, 2015 #menu ul{list-style:none;} Da um margin:auto; e pronto. Compartilhar este post Link para o post Compartilhar em outros sites