Prevención de saltos de línea en elementos de lista con CSS

Al agregar hipervínculos a elementos de lista usando etiquetas li, los espacios en blanco entre palabras pueden hacer que el enlace ajustar a varias líneas. CSS ofrece soluciones para abordar este problema.

Solución 1: Propiedad de espacio en blanco

La propiedad de espacio en blanco le permite controlar cómo se manejan los espacios en blanco dentro de un elemento . Al configurar white-space: nowrap; en la etiqueta li, puede evitar que el enlace se ajuste:

li {
  white-space: nowrap;
}

Solución 2: aumentar el ancho de los elementos de la lista

Si no desea eliminar todos los espacios en blanco, puede aumentar el ancho de la etiqueta li. Esto le da al enlace más espacio para caber en una línea:

li {
  width: 200px;
}

Ambas soluciones evitan eficazmente que el enlace se ajuste mientras mantienen la legibilidad de la lista.