Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Colocar texto ao lado da imagem

Olá! Terminei o curso 2 e estou tentando refazer a página inicial. Estou tentando colocar o texto ao lado da imagem, mas não estou conseguindo. Tentei utilizar os comando da primeira parte do curso (display: inline-block; vertical-align: top) e não obtive sucesso. Alguém poderia me ajudar por favor? !Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas
solução!

Olá, Tiago. Tudo bem?

Segue o HTML e o CSSda <div> da classe beneficios da <ul> e da imagem-beneficios :

HTML:

<div class="beneficios">
                <h3 class="titulo-cantralizado">Benefícios</h3>
                    <ul>
                        <li class="itens">Atendimento aos Clientes</li>
                        <li class="itens">Espaço diferenciado</li>
                        <li class="itens">Localização</li>
                        <li class="itens">Profissionais Qualificados</li>
                        <li class="itens">Pontualidade</li>
                        <li class="itens">Limpeza</li>
                    </ul>
                    <img src="beneficios.jpg" class="imagembeneficios">
                </div>

CSS:

.beneficios {
    background: #FFFFFF;
    padding: 20px;
}
ul {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-right: 15%;
}
.imagembeneficios {
    width: 50%;
}

Se estiver com dúvidas ainda, peço por gentileza que compartilhe o código dos arquivos index.html e style.css.

Valeu!

Olá, Renan! Segui os códigos que você passou e deu certo, obrigado!