Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Dias Sanches

Centralizar menu

Recommended Posts

Boa tarde pessoal, tudo bem?

 

Favor, poderiam me ajudar na seguinte questão:

 

Gostaria de deixar o menu centralizado.

 

Segue meu código:

 

#menu {
    float: left;
    font-family: 'Montserrat',Arial,Helvetica,sans-serif;
    font-size: 14px;
}


<div id="menu" class="menu-17-container sub_fade_in arrow_effect"><ul><li id="menu-item-23639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-22386 current_page_item menu-item-23639"><a href="http://fabioporta.com.br/es/">Home</a></li>
<li id="menu-item-23642" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23642"><a href="http://fabioporta.com.br/es/elecciones-2018/">Elecciones 2018</a></li>
<li id="menu-item-23645" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23645"><a href="http://fabioporta.com.br/es/como-votar/">Como votar</a></li>
<li id="menu-item-23640" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23640"><a href="http://fabioporta.com.br/es/video/">Videos</a></li>
<li id="menu-item-23646" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23646"><a href="http://fabioporta.com.br/es/conozca-al-candidato/">Conozca al candidato</a></li>
<li id="menu-item-23647" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23647"><a href="http://fabioporta.com.br/es/propuestas/">Propuestas</a></li>
<li id="menu-item-23916" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23916"><a href="http://fabioporta.com.br/es/nuestro-trabajo/">Nuestro trabajo</a></li>
<li id="menu-item-23643" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23643"><a href="http://fabioporta.com.br/es/contacte/">Contacte</a></li>
<li id="menu-item-23644" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23644"><a href="http://fabioporta.com.br/es/galeria-de-fotos/">Fotos</a></li>
<li id="menu-item-23624" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23624"><a href="http://fabioporta.com">Sittio Oficial</a></li>
<li class="boc_search_border"><a href="#">|</a></li><li class="boc_search_toggle_li"><a href="#" class="header_search_icon icon icon-search3"></a></li></ul></div>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
#menu {
	width: 300px;
	margin: auto;
    font-family: 'Montserrat',Arial,Helvetica,sans-serif;
    font-size: 14px;
}

 

É isso que você gostaria? Não entendi direito se era isso.

Compartilhar este post


Link para o post
Compartilhar em outros sites
#menu {
    float: left;
    font-family: 'Montserrat',Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-align: center
}

Portanto que a UL ou LI internas não receberem propriedades que posicionam é assim que faz.

 

se eu tenho uma DIV qualquer e coloco nela a propriedade text-align: center faz com que todo seu conteúdo interno fique centralizado. Exceto como mencionei se algum conteúdo interno for posicionado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.