1
resposta

CSS align item

Olá Alura, tudo bem?

Estou tentando replicar a lista desta imagem: http://criativeidea.com/LP02/images/img-lista.png

Meu código:

<ul class="list-unstyled">
    <li class="py-3"><img src="images/icon001.png" />A few words about your product/offer. <br>Focus on the benefits not the features.</li>
    <li class="py-3"><img src="images/icon002.png" />A few words about your product/offer. <br>Focus on the benefits not the features.</li>
    <li class="py-3"><img src="images/icon003.png" />A few words about your product/offer.<br> Focus on the benefits not the features.</li>
</ul>

Criei uma lista, e inclui as imagens dentro do "li" junto com o texto.

Porém, estou com dificuldade de realizar o alinhamento entre o texto e a imagem, como no exemplo da imagem acima. (link)

Podem me ajudar?

1 resposta

Opa, você pode estar usando o comando no CSS, para alinhar o seu texto: text-align: center; para centralizar ao meio! Comando completo seria no CSS:

.list-unstyled {

text-align: center;

}

Espero ter ajudado em algo :)