In una pagina web HTML, un tag <ul> denota una lista non ordinata. Le liste non ordinate sono sequenze di elementi di testo che vengono resi come elenchi puntati sulle singole linee. Se si dispone di un periodo particolarmente lungo elenco di elementi, si potrebbe desiderare di dividerlo in più elenchi e li renda su più colonne. Tuttavia, se si desidera mantenere la vostra lista contenuta in un tag singolo <ul>, e l'ordine dei suoi articoli non è importante, è possibile allungare la lista unica su più colonne con l'applicazione di stili HTML in linea.

istruzione

1 Aprire la pagina web con la lista non ordinata si desidera dividere su più colonne nel vostro editor di testo preferito.

2 Dividete 100 per il numero di colonne in cui si desidera dividere la lista sulla calcolatrice.

3 Aggiungere il seguente codice al tag <ul> della lista non ordinata:

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

Sostituire la larghezza in pixel totale che desiderate per la vostra lista non ordinata per l'istanza di 800 sopra.

4 Aggiungere il seguente codice a ogni tag <li> della lista non ordinata:

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

Sostituire il numero calcolato al punto 2 per l'istanza di 50 sopra.

5 Salvare e pubblicare la pagina Web. La vostra lista non ordinata sarà ora diffuso in tutto il numero di colonne specificate.