How to force a list to be vertical using html css

Answer 1

Hope this is your structure:

   
 
     

        
text
    
     

        
text
    
     

        
text
    
   
 

By default, it will be add one after another row:

-----
-----
-----

if you want to make it vertical, just add float left to li, give width and height, make sure that content will not break the width:

|  |  |
|  |  |

li
{
   display:block;
   float:left;
   width:300px; /* adjust */
   height:150px; /* adjust */
   padding: 5px; /*adjust*/
}