HTML CSS examples for CSS Widget:UL Column
Making a list of li into columns
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> ul {margin:0px; padding:0px;} ul li {list-style-type:none; float:left; width:150px;} </style> </head> <!-- w ww . j a v a2s . c om--> <body> <ul> <li> <a href="#">C</a> </li> <li> <a href="#">c</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">A</a> </li> <li> <a href="#">L</a> </li> </ul> </body> </html>