Oque acontece é o seguinte, quando eu coloco a frase na frente de uma imagem beleza tudo funciona do jeito que eu quero mas o problema é que quando eu coloco a frase na frente de mais de uma imagem que esta dentro da mesma
- elas ficam todas em uma unica linha todas uma depois da outra assim desconfigurando o posicionamento que eu coloquei anteriormente para ficar uma em baixo da outra. Aqui esta o html e css HTML
<ul>
<li class="duvidas">
<img src="dúvidas.png">
<h1>dulidas</h1>
</li>
<li class="elogios">
<img src="elogios.png">
<h3>elogios</h3>
<img src="sugestões.png">
<h4>sugestões</h4>
<img src="reclamações.png">
<h5>reclamações</h5>
<p>clique nas caizas para</p>
<p>escrever ou conferir</p>
</li>
<li>
<img src="orçamentos.png">
<h6>Orçamentos</h6>CSS
.conteudo{ width: 1080px; margin: 0 auto; padding: 150px 0; }
.conteudo ul{ display: flex; }
.conteudo ul li{ width: 30%; }
.conteudo h1, h3, h4, h5, h6{ display: inline; }
