1
resposta

Coisas uma do lado da outra

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 ?

1 resposta

Fala ai Moisés, tudo bem? Correto claro que está, se tu conseguiu resolver o problema e sua necessidade então show.

O único ponto é que hoje em dia a gente não usa mais float, apenas em raras e específicas situações.

Isso porque hoje em dia temos recursos como FlexBox e CSS Grid Layout para resolver e nos ajudar com tais situações.

Mas, não é errado usar não.

Espero ter ajudado.