Olá pessoal!
Fiz o código, mas estou com três dúvidas:
1) Os itens estão com ponto e estrela. 2) O primeiro item a frase "Atendimento aos Clientes" fica em duas linhas. 3) para que a lista fique ao lado da imagem tenho que colocar width em 30%, não 40%
.lista-beneficios { width: 30%; display: inline-block; vertical-align: top;
Olá, Josenilton.
Tudo bem?
1) A estrela no começo dos itens é porque utilizou a propriedade content: "★":
.itens:before {
content: "★";
}Já o ponto vem como padrão nas listas, você pode remover adicionando o list-style: none; na class .itens ficaria assim:
.itens {
line-height: 1.5;
list-style: none;
}2) Fiz o teste aqui e pra mim ficou normal a sequencia da lista, um em cada linha.
3) Em elação a lista do lado da imagem, verdade! Fiz o teste e só ficou do lado colocando 30% no width, valeu pelo feedback.
Qualque coisa manda aqui de novo.