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