Estou com problemas no posicionamento da imagem. Não entro o erro no meu código. Ele ficou assim:
Benefícios
<ul>
<li class="itens">Ótima localização</li>
<li class="itens">Atendimento ao cliente</li>
<li class="itens">Profissionais altamente qualificados</li>
<li class="itens">Espaço diferenciado</li>
</ul>
<img src="beneficios.jpg" class="imagemBeneficios">
</div>e no CSS:
.itens{
font-style: italic;
}
.beneficios {
background: #FFFFFF;
padding: 20px;
}
h2 {
text-align: center;
}
ul {
display: inline-block;
vertical-align: top;
width: 20%;
margin-right: 15%;
}
.imagemBenefícios{
width: 50%;
}Quando abro no navegador a imagem se apresenta assim:
