Olá! Estou fazendo o curso: HTML5 e CSS3 parte 4: Avançando no CSS Na aula de pseudo classes o professor: Pedro marins fala pra por o código assim:
div class="conteudo-beneficios">
ul class="lista-beneficios">
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>
Com a imagem praticamente em cima da lista, mas eu fiz assim:
div class="conteudo-beneficios">
ul class="lista-beneficios">
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>
/ul>
img src="beneficios.jpg" class="imagem-beneficios">
/div>
E coloquei o float no código Css:
.lista-beneficios{
width: 40%;
display: inline-block;
float: left;
}
Deu o mesmo resultado gostaria de saber se eu teria que mudar? ou se o código deste modo está correto tmb ?