Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Espaço entre os itens da Lista

Criei uma lista e gostaria de colocar um espaço entre os itens da lista, Alguém consegue me ajudar ?

        <img src="bolacha.jpg" alt="" style="width: 367px;">
        <ul style="display: flex; list-style: none;">
        <li>Matheus</li>
        <li>Jean</li>
        <li>Arthur</li>
        <li>Wallace</li>
        <li>Lohanne</li>
    

        </ul>

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta
solução!

Oi, Matheus, tudo bem?

Para dar espaçamento você pode usar a propriedade gap.

O código ficaria assim:

<ul style="display: flex; gap:25px; list-style: none;">
    <li>Matheus</li>
    <li>Jean</li>
    <li>Arthur</li>
    <li>Wallace</li>
    <li>Lohanne</li>
</ul>

Você está utilizando o CSS inline, mas em projetos o ideal é usar o CSS em um arquivo separado. Para saber mais sobre CSS, você pode acessar o artigo CSS: o que é, como usar no HTML e um Guia para iniciar.

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!