Ir ao conteúdo
  • Cadastre-se
Evertonvrau

HTML alinhar lista html basica

Recommended Posts

Não estou conseguindo deixar JANEIRO alinhado como na imagem. Alguém pode ajudar? código que fiz: 

<html>
<head>
<title>Iniciando a lista com um número diferente</title>
</head>
<body>
<p>Os Últimos Seis Meses do Ano (e o Início do Próximo Ano):</p>
<ol type="I" start="7">
<li>Julho.</li>
<li>Agosto.</li>
<li>Setembro</li>
<li>Outubro</li>
<li>Novembro</li>
<li>Dezembro</li>
<ul type="disc">
<li>Janeiro</li>
</ul>

</ol>

 

 

Grato :)

PROF.jpeg

ERRADO.jpg

Compartilhar este post


Link para o post
Compartilhar em outros sites

Deixe janeiro como os outros meses sem o UL e coloque o atributo type diretamente nele.

...
<li>Dezembro</li>
<li type="disc">Janeiro</li>
<!--
Uma abordagem mais correta seria utilizar CSS visto
  que o atributo type foi descontinuado
<li style="list-style-type: disc;">Janeiro</li>
-->
</ol> 

 

  • Curtir 1
  • Obrigado 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Dúvidas como essas, às vezes, podemos resolver usando o modo inspecionador do navegador.

Assim, pressionando ctrl + i, podemos acessar a ferramenta e visualizar o seguinte:

 

Untitled.thumb.png.fc655d9d3729fa2a3f0f2383604bf784.png

 

Dado isso, podemos perceber que a seta vermelha está indicando que a lista não ordenada tem um padding padrão (caixinha verde).

 

Por isso, se tu quiser alinhar o conteúdo da forma mencionada, podes fazer uma regra CSS que diminua o valor desse padding.

Segue um código exemplo, pra tu brincar e tentar entender (vá diminuindo o padding e veja a diferença):

 

https://codepen.io/anon/pen/geXwMe

  • Curtir 2

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×