The CSS stylesheet example for DIV table decoration lets you understand how to customize DIV table elements. The DIV container, float and hover elements of CSS are used here to design the DIV effectively
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>How to Create DIV Table</title>
<style type='text/css'>
div#container {
border: thick black;
margin: 0 25px;
background: #bbc;
}
div#float {
text-align: center;
float: left;
border: 1px solid black;
width: 150px;
height: 150px;
}
a:hover {
background: pink;
}
div.content {
background: lightgreen;
border: 1px solid brown;
}
</style>
</head>
<body>
<div id='container'>
<div id='float'>
Float text. <a href='#'>anchor text</a>.
</div>
Content text. <a href='#'>anchor text</a>.
<div class='content'>
Content text. <a href='#'>anchor text</a>.
</div>
Content text. <a href='#'>anchor text</a>.
<div class='content'>
Content text. <a href='#'>anchor text</a>.
</div>
Content text. <a href='#'>anchor text</a>.
<div class='content'>
Content text. <a href='#'>anchor text</a>.
</div>
Content text. <a href='#'>anchor text</a>.
</div>
</body>
</html>
