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:
<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
Post a Comment