Estou desenvolvendo meu primeiro site, e não estou conseguindo centralizar o texto de um submenu
o texto fica no canto direito sempre, e o "quatro patas" em duas linhas, e precisava que ele ficasse em uma linha só, e o texto no centro desse submenu
<nav> <ul class="menu"> <li><a href="index.html">página inicial</a></li> <li><a href="">sobre</a></li> <li><a href="">fotografia</a> <ul> <li><a href="#">ensaios</a></li> <li><a href="#">Shows</a></li> <li><a href="#">Quatro Patas</a></li> <li><a href="#">Outros</a></li> </ul> </li> <li><a href="contato.html">contato</a></li> </ul> </nav>
nav { font-family:Century gothic; font-size:16px; text-align:center; padding:0px; } .menu li { list-style-type:none; padding:10px; text-transform:uppercase; display:inline; padding-top:0px; position:relative; } .menu ul li{ position: relative; display:block; } .menu li ul { display:none; position:absolute; top:25px; right:0; background-color:black; border-bottom-right-radius:10px; border-bottom-left-radius:10px; font-size:13px; } .menu li:hover ul{ display:inline; position:absolute; z-index:5; } .menu a:link, a:visited{ text-decoration: none; color: white; -webkit-transition: color 0.5s ease-out; -moz-transition:color 0.5s ease-out; transition: color 0.5s ease-out; } .menu a:hover{ color: #9c9c9c; } .menu a:active{ text-decoration: none; color: #9c9c9c; }
Desde já, obrigado