View Single Post
Old 11-14-2012, 05:09 PM   PM User | #3
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Hello comport9,
This really looks like a good place to use Definition List.

Code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<style type="text/css">
html, body {
	margin: 0;
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background: #fc6;
}
#container {
	width: 80%;
	min-width: 210px;
	margin: 0 auto;
	background: #999;
}
dl {
	width: 200px;
	margin: 5px;
	float: left;
	border: 1px #333 solid;
}
</style>
</head>
<body>
    <div id="container">
    	<dl>
        	<dt>Title 1</dt>
            	<dd>stuff 1</dd>
                <dd>stuff 2</dd>
        </dl>
        <dl>
        	<dt>Title 2</dt>
            	<dd>stuff 3</dd>
                <dd>stuff 4</dd>
        </dl>
        <dl>
        	<dt>Title 3</dt>
            	<dd>stuff 5</dd>
                <dd>stuff 6</dd>
        </dl>
        <dl>
        	<dt>Title 4</dt>
            	<dd>stuff 7</dd>
                <dd>stuff 8</dd>
        </dl>
    <!--end container--></div>
</body>
</html>
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote