Gostaria de saber qual é a propriedade css adequada para separar itens de uma lista que estão na disposição de linha na horizontal e muito perto um do outro?
Gostaria de saber qual é a propriedade css adequada para separar itens de uma lista que estão na disposição de linha na horizontal e muito perto um do outro?
hoje, com a Alura e o Google Gemini
Você pode utilizar da propriedade 'margin' nos itens que você quer separar, ou, utilizar de flexbox e a propriedade 'gap' para fazer essa separação, veja um exemplo abaixo, onde eu utilizo dessa técnica para separar elementos 'li' que estão dentro de um elemento 'ul'. Lembrando, essa propriedade gap só irá funcionar caso você defina a propriedade 'display' com o valor 'flex'.
ul {
list-style-type: none;
padding: 0;
display: flex;
gap: 10px; /* Define uma distância de 10px entre os itens que se encontram dentro do elemento 'ul' */
}
li {
// propriedades dos seus itens
}
não consigo enviar uma imagem de como está no meu html e no css por aqui para ver se o que eu fiz também é uma solução plausivel para isso, a imagem aqui não carrega.