Hola, los items de mi lista de diferenciales se muestra con puntos y cuando agrego el unicode de "estrella", la misma se agrega, pero el punto persiste. No me doy cuenta por que luce asi. Ademas, la imagen no de los diferenciales no se ubica al lado de los items de mi lista, sino que queda debajo.
Comparto mi codigo:
/Aqui inicia el CCS para nuestra home/
.banner{ width: 100%;
}
.principal{ padding: 3em 0; background: #fefefe; width: 940px; margin: 0 auto;
}
.titulo-principal{ text-align: center; font-size: 2em; margin: 0 0 1em; clear: left;
}
.principal p{ margin: 0 0 1em; }
.principal strong{ font-weight: bold;
}
.principal em{ font-style: italic;
}
.utensillos{ width: 120px; float: left; margin: 0 20px 20px 0;
}
.mapa{ padding: 3em 0; background: linear-gradient(#fefefe,#888888); }
.mapa p{ margin: 0 0 2em; text-align: center;
}
.mapa-contenido{ width: 940px; margin: 0 auto; }
.diferenciales{ padding: 3em 0; background: #888888;
}
.contenido-diferenciales{ width: 640px; margin: 0 auto; }
.lista-diferenciales{ width: 40%; display: inline-block; vertical-align: top; }
.items{ line-height: 1.5; }
.items:before{ content:"★"; }
.items:first-child{ font-weight: bold; }
.imagen-diferenciales{ width: 60%; }
.video{ width: 560px; margin: 1em auto; }
gracias!!!