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
  < div class="sub-menu">
  
  
  
  • 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