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

Alinhar "list-style-image" aos tópicos da <li>

Adicionei uma imagem antes dos tópicos da "li" utilizando o "list-style-image", porém a imagem não fica centralizada com o texto, fica acima. Como posso alinhar os elementos de forma que a imagem fique no centro do texto?

<ul class = 'topicos'>
                        <li>Entender e priorizar os processos e necessidades da sua empresa e como a Cizino pode ajudar;</li>
                        <li>Mostrar na prática como nossa plataforma de gestão funciona;</li>
                        <li>Tirar toda e qualquer dúvida sobre nossos produtos;</li>
                        <li>Discutir planos, preços, projetos e tudo que for necessidade da sua empresa.</li>
                    </ul>
ul {
    list-style-image: url('arrow.png');
    padding-left: 56px;
}
1 resposta
solução!

Fala ai André, tudo bem? Nesse caso você pode tentar aplicar um vertical-align: middle nas li.

Ou adicionar a imagem através de um ::before e posicionar com position.

Ou incluir de fato uma tag img e utilizar Flexbox para centralizar.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software