listas ordenadas en html y css: eliminar el período

creando una lista ordenada sin el período posterior a los números es posible usar CSS. Si bien puede asumir que no es factible, exploremos cómo puede lograr esto.

para eliminar el período, diseñe la lista como tal:

ol.custom {
  list-style-type: none;
  margin-left: 0;
}

para crear números personalizados, use el siguiente código:

ol.custom > li {
  counter-increment: customlistcounter;
}

ol.custom > li:before {
  content: counter(customlistcounter) " ";
  font-weight: bold;
  float: left;
  width: 3em;
}

Esto mostrará números personalizados antes de cada elemento de lista.

Tenga en cuenta que esta solución se basa en: antes del pseudo-selector, que puede no funcionar en navegadores más antiguos como IE6 e IE7. Para abordar esto, use una regla CSS adicional que se dirija específicamente a estos navegadores:

ol.custom {
  *list-style-type: decimal; /* targets IE6 and IE7 only */
}