Hola! Quería comentarles que mi lista quedó del mismo tamaño que el título "diferenciales" luego de poner como clase "titulo-principal". Aquí dejo mi código:
<section class="titulo-principal">
<h3>Diferenciales</h3>
<ul>
<li class="items">Atención personalizada</li>
<li class="items">Espacio diferenciado</li>
<li class="items">Localización</li>
<li class="items">Profesionales calificados</li>
</ul>
¡Hola Silviajulianarociodiazdiaz!
Gracias por compartir tu código con nosotros. Para solucionar tu problema, debes agregar una regla CSS para la clase "titulo-principal" que establezca su tamaño de fuente en "0", y luego agregar una regla para la clase "items" que establezca el tamaño de fuente en el valor que desees. Aquí te muestro cómo quedaría el código CSS:
.titulo-principal {
font-size: 0;
}
.items {
font-size: 16px; /* Puedes cambiar el valor a lo que desees */
}Espero que esto te ayude a solucionar tu problema. ¡Buenos estudios!
Al poner en CSS el font-size: 0 para título principal, este desapareció de la página. Te comparto mi CSS, mi HTML y un pantallazo de la visual que estoy obteniendo en este momento:
titulo-principal{
text-align: center;
font-size: 2em;
/*2em significa dos veces el tamaño de la letra del navegador, que es 15 px*/
margin: 0 0 1em;
clear: left;
}
.items{
font-size: 16px;
}
Y el HTML:
<section class="titulo-principal">
<h3>Diferenciales</h3>
<ul>
<li class="items">Atención personalizada</li>
<li class="items">Espacio diferenciado</li>
<li class="items">Localización</li>
<li class="items">Profesionales calificados</li>
</ul>