Cómo trabajar con UL en varias columnas

En una página web HTML, una etiqueta <ul> denota una lista desordenada. Las listas no ordenadas son secuencias de elementos de texto que se representan como puntos de bala en las líneas individuales. Si usted tiene una muy larga lista de elementos, es posible que desee dividirlo en varias listas y hacerlos a través de múltiples columnas. Sin embargo, si desea mantener su lista contenida en una sola etiqueta <ul>, y el orden de sus elementos no es importante, se puede estirar la lista única a través de múltiples columnas con la aplicación de estilos HTML en línea.

Instrucciones

1 Abra la página web con la lista desordenada que desea dividir en varias columnas en su editor de texto preferido.

2 Dividir 100 entre el número de columnas en las que se desee dividir su lista en su calculadora.

3 Agregue el código siguiente a la etiqueta <ul> de la lista desordenada:

style = "width: 800px; overflow: hidden"

Sustituir el ancho total de píxeles que desea para su lista desordenada para la instancia de 800 anterior.

4 Agregue el código siguiente para cada etiqueta <li> de la lista desordenada:

style = "float: left; display: inline; anchura: 50%"

Sustituir el número calculado en el paso 2 para la instancia de 50 anterior.

5 Guardar y publicar su página Web. Su lista desordenada ahora se extendió a cabo a través del número de columnas que ha especificado.