O professor alinhou a lista de itens no topo ao lado esquerdo da imagem, mas eu gostaria de saber como colocar a lista no centro ao invés do topo, ou no lado direito por exemplo ou até mesmo a lista em cima da imagem alinhados no centro, verticalmente.
hoje, com a Alura e o Google Gemini
Opa, tudo bem? Você pode no arquivo CSS adicionar no ul a propriedade "padding-top: 150px;" por exemplo para colocar a lista no centro ao invés do topo.
duvidas de paleta de cores a 255
Ao invés de utilizar o padding-top, para manter a coêrencia com o código podemos aproveitar a propriedade "vertical-align" passando o valor "middle". Nesse caso ficaria "vertical-align: middle;" . O middle alinha o conteúdo no centro do conteudo ao lado dele.
Tive a mesma dúvida sobre alinhar ao centro. Mas quando testei o "vertical-align: middle;" a lista ficou alinhada na parte de baixo da imagem, como se fosse bottom. Por que será?