1
I added an image next to the list through "list-style-image" and the result was misaligned (image 1). How can I align this image with the texts of li as well as image 1, that is, in the center of the text.
.topicos li {
font-weight: 500;
font-size: 18px;
color: #7B7A7A;
padding-top: 35px;
padding-left: 20px;
}
ul {
list-style-image: url('arrow.png');
padding-left: 56px;
}<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>
I think even trying to style
::marker {}will not scroll, better you use the image as a pseudo element of li, or use the img as background of li, and controls the size and position with the background attributes– hugocsl