登录 | 注册 | FAQ
Anonymous

Centrealizar texto dentro de menu

+ 发表回复

2 篇帖子 分页: 1 / 1


Centrealizar texto dentro de menu

wushumasters » 周三 12月 12, 2012 6:49 pm

Pessoal,

Já tentei de tudo mas não consigo centralizar o texto do menu com a ul criada.

Podem me ajudar segue o código. como ele usa o float:left ele joga tudo pra esquerda mas nao consigo mudar


#menu {
background: #87313A;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:520px;
height: 23px;
font-size: 11px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
border-top:1px solid #BF9F62;
border-bottom:1px solid #BF9F62;
border-left:1px solid #BF9F62;
border-right:1px solid #BF9F62;
}

#nav {
margin: auto;
padding: 0;
width:520px;
margin-left:auto;
margin-right:auto;
text-align: center;
}

#nav li {
list-style: none;
margin: auto;
padding: 0;
float: left;
padding: 0;
}

/*** menu principal */

#nav li a, #nav li a:link, #nav li a:visited {
color: #FFFFFF; /*--edite cor do link--*/
display: block;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-weight: normal;
text-transform: capitalize;
margin: auto;
padding:.4em .8em;
text-decoration: none;
}

#nav li a:hover, #nav li.active a {
background: #BF9F62;
color: #FFFFFF; /*--edite cor do link hover--*/
margin: auto;
padding:.4em .8em;
text-decoration: none;
font-weight:bold;
}


Obrigado,
Patrick
头像

wushumasters

  • 帖子: 1
  • 注册: 周三 12月 12, 2012 6:47 pm

Re: Centrealizar texto dentro de menu

XainPro » 周日 12月 16, 2012 9:03 am

substituir float: left; com display: inline;
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm


+ 发表回复

分页: 1 / 1