Preciso de ajuda. Como centralizar uma lista?

3 respostas
M
Mirror Fashion

Nenhum ítem na
sacola de compras &nbsp&nbsp&nbsp&nbsp&nbsp

<nav class="info container">
				<ul>
					<li> <a href="#"> Sua Conta</a> </li>
					<li> <a href="#">Lista de Desejos</a> </li>
					<li ><a href="#"> Cartão Fidelidade</a> </li>
					<li> <a href="Sobre.html">Sobre</a> </li>
					<li> <a href="#">Ajuda</a> </li>
				</ul>
			</nav><!--o conteúdo do cabeçalho está acima-->
	</header>
E no css está assim.

h1  {

margin-left:auto;

margin-right:auto;

text-align:center;

}

p   {

line-height:1px;

word-spacing:3px;

text-align:center;

}

.container {

margin-right:auto;

margin-left:auto;

text-align:center;

}

O problema é o seguinte. Aquela bolinha que é gerada na tag

  • ,ela está
    ficando no canto da tela,eu centrilizei mas só os caracteres que estão vindo
    para o centro. Se eu conseguir mandar o print dêem uma olhada por favor.
    Desde já agradeço pela ajuda e fiquem todos com Deus.
  • 3 Respostas

    M

    se tu quiser com as bolinhas no centro mesmo é só dá um padding-left na ul e ajustar os pixels ou a porcentagem

    [details=Ver]>


    NO CSS:

    h1 {
    
    margin-left:auto;
    
    margin-right:auto;
    
    text-align:center;
    
    }
    
    p {
    
    line-height:1px;
    
    word-spacing:3px;
    
    text-align:center;
    
    }
    
    .container {
    
    margin-right:auto;
    
    margin-left:auto;
    
    text-align:center;
    
    }
    
    .container ul {
    
    padding-left: 40%; 
    
    }
    
    
    
    [/details]
    

    e Pronto!

    Agora, eu tava olhando e pensei essas bolinhas são muito feias e tem como tirar… Dá pra Deixar sem as bolinha da uma olhada

    [details=Ver]>



    **NO CSS:** h1 { margin-left:auto; margin-right:auto; text-align:center; } p { line-height:1px; word-spacing:3px; text-align:center; } .container { margin-right:auto; margin-left:auto; text-align:center; } .container ul { list-style: none; } [/details]
    T
    Não seria melhor tirar essa bolinha?
    
    ul li{
    
    list-style-type: none;
    
    }
    
    Com essa linha a bolinha vai sumir.
    
    M

    Obrigado Thiago sem dúvidas elas bolinhas incomodam. Valeu e desejo tudo de bom

    Criado 8 de novembro de 2017
    Ultima resposta 9 de nov. de 2017
    Respostas 3
    Participantes 3