Fixed Price Projects          Flexibele IT oplossingen

Software op maat              Web Applications

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>

 

Categorie: CSS
Actions: E-mail | Permalink |

waardering