Use columns in HTML using the HTML tag UL
<!DOCTYPE html>
<html>
<head>
<style>
<code>ul{
width:100%;
margin-bottom:20px;
overflow:hidden;
border-top:1px solid #ccc;
}
li{
line-height:1.5em;
border-bottom:1px solid #ccc;
float:left;
display:inline;
margin-left: 0%; /* when this is larger than 0, width=(100-margin)/nr columns */
background-color: gray;
}
#double li { width:50%;}
#triple li { width:33.333%; }
#quad li { width:25%; }
#six li { width:16.666%; }
</code>
</style>
</head>
<body>
<code><ul id="quad">
<li>CSS</li>
<li>XHTML</li>
<li>Semantics</li>
<li>Accessibility</li>
<li>Usability</li>
<li>Web Standards</li>
<li>PHP</li>
<li>Typography</li>
<li>Grids</li>
<li>CSS3</li>
<li>HTML5</li>
<li>UI</li>
</ul></code>
</body>
</html> |