css - I have State and City List to display horizontally whereas the display is not even -


i trying display state wise cities horizontally whereas far not able display them evenly. enclosed please find screenshot of current way of display.

below code using display states , cities. please me in understanding going wrong. please find provided below link screenshot reference:

enter image description here

<ul>state1 <li>city1<li> <li>city2<li> <li>city3<li> <li>city4<li> <li>city5<li> </ul> <ul>state2 <li>city1<li> <li>city2<li> <li>city3<li> <li>city4<li> <li>city5<li> </ul> <ul>state3 <li>city1<li> <li>city2<li> <li>city3<li> <li>city4<li> <li>city5<li> </ul> etc....! css: ul{ width:25%; float:left;color:#abcdef; } 

column-count css might escape here

<!doctype html> <html> <head> <style> .newspaper {     -webkit-column-count: 3; /* chrome, safari, opera */     -moz-column-count: 3; /* firefox */     column-count: 3; } </style> </head> <body>  <p><b>note:</b> internet explorer 9, , earlier versions, not support column-count property.</p>  <div class="newspaper"> <ul> <li>abjhdgd</li> <li>abjhdgd</li> <li>abjhdgd</li> <li>abjhdgd</li> <li>abjhdgd</li> <li>abjhdgd</li> </ul> <ul> <li>bjhdgd</li> <li>bjhdgd</li> <li>bjhdgd</li> <li>bjhdgd</li> <li>bjhdgd</li> <li>bjhdgd</li> <li>bjhdgd</li> <li>bjhdgd</li> <li>bjhdgd</li> </ul> <ul> <li>jhdgd</li> <li>jhdgd</li> <li>jhdgd</li> <li>jhdgd</li> <li>jhdgd</li> <li>jhdgd</li> </ul> </div>  </body> </html> 

Comments

Popular posts from this blog

How to understand 2 main() functions after using uftrace to profile the C++ program? -

c# - Update a combobox from a presenter (MVP) -

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -