Quantcast
Channel: Últimos conteúdos
Viewing all articles
Browse latest Browse all 14190

Texto do submenu não centraliza

$
0
0

Estou desenvolvendo meu primeiro site, e não estou conseguindo centralizar o texto de um submenu

 

1zvakqq.png

 

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


Viewing all articles
Browse latest Browse all 14190