Use to make a secondary navigation. How to arrange the li in ul vertically_html/css_WEB-ITnose

Address

• Beijing

;Tianjin

                                                                                                                        Hunan
                                               /ul>

How to achieve the effect like in the picture in ul





Reply to the discussion (solution)

Address

• Beijing

li >Shanghai

li>
                                                                      li >Tianjin
                                           


Divide the text in the div element into three columns:
div
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
}

Internet Explorer 10 and Opera support the column-count attribute.
Firefox supports an alternative -moz-column-count attribute.
Safari and Chrome support an alternative -webkit-column-count attribute.
Note: Internet Explorer 9 and earlier browsers do not support the column-count attribute.
Definition and Usage
The column-count attribute specifies the number of columns the element should be divided into.
Default value: auto
Inheritance: no
Version: CSS3
JavaScript syntax: object.style.columnCount=3
Syntax column-count: number|auto;

Value description test
number The optimal number of columns the element content will be divided into. Test
auto The number of columns is determined by other properties, such as "column-width". Test

Specifies a 60 pixel gap between columns

Note: Internet Explorer does not support column -count attribute.

Thank you very much