3
respostas

**Itens com dupla marcação**

Minha lista aparece com dois tipos de elementos. um ponto e a tesoura. Como fazer pra retirar esse ponto ? Insira aqui a descrição dessa imagem para ajudar na acessibilidadeMeus códigos para analise :

<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="imagem-beneficios">
                </div>
.lista-beneficios{
    width: 35%;
    display: inline-block;
    vertical-align: top;
}    

.itens{
    line-height: 1,5;
}

.itens:first-child {
    font-weight: bold;
}

.itens:before{
    content:"✄";
}
3 respostas

Olá, Vicente.

Tudo bem?

Tenta colocar um list-style: none; na lista no caso na classe .lista-beneficios, pode ser que resolva, mas é estranho estar assim mesmo, você está no Google Chrome?

Qualquer coisa compartilha os códigos completos: HTML e CSS.

Ai manda aqui de novo. Valeu.

OBRIGADO, Renan! resolveu. ontem eu passei muita raiva com isso ! Busquei em tudo que é lugar uma solução antes de levantar essa questão. Vi até aqui no fórum que tinha outros com esse mesmo problema, mas agora ta 100 %.

Vlw pela ajuda!

Queria aproveitar pra perguntar se vc tem uma ideia do que pode ter acontecido pra ficar assim?

Então, o estranho é que eu testei o seu código aqui e estava normal, funcionou de boa só aparecia as tesouras mesmo, ai comparei o seu com o meu e estava igual! Não sei ao certo o que houve mas como estava tudo normal aparentemente, pensei que podia ser algo no navegador. Eu não encontrei nada de erro e testei com e sem o reset.css não mudou nada.