Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
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

Editado por DiF
Acrescentar o código com o botão CODE <>

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






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

×