HTML/CSS question
Greg Rundlett
greg at buzgate.org
Tue Jul 1 13:40:36 EDT 2003
I always use blooberry.com for all my CSS and HTML questions.
http://www.blooberry.com/
This code seems to do what you want.
<html>
<head>
<style>
dl {
border:solid 1px red;
display:block;
width:400px;
float:left;
padding:0px;
margin:0px;
}
dt {
border:dashed 1px black;
display:block;
width:100px;
float:left;
padding:3px;
margin:0px;
}
dd {
border:dotted 1px green;
display:inline;
width:200px;
float:right;
padding:3px;
margin:0px;
}
</style>
</head>
<body>
<dl>
<dt>Apple</dt>
<dd>A flavorful fruit grown on trees.</dd>
<dt>Grape</dt>
<dd>What wine is made from.</dd>
<dt>Orange</dt>
<dd>Acidic fruit used in juice making.</dd>
</dl>
</body>
</html>
--
Greg Rundlett
Sr. Internet Systems Architect
Knowledge Institute
creators of the Business Utility Zone Gateway
at www.buzgate.org
(603) 642-4720
greg.rundlett at buzgate.org
More information about the gnhlug-discuss
mailing list