Table display

Green and Golden Bell Frog: Nisl ut aliquip ex ea commodo consequat
Bull Frog: Lorem ipsum dolor sit amet elit, sed diam nonummy nibh euismod tincidunt
Spotted frog: Facilisis at vero eros et accumsan


	HTML

	

	<dl class="table-display">

	<dt>Green and Golden Bell Frog</dt>

	<dd>Nisl ut aliquip ex ea commodo consequat</dd>

	<dt>Bull Frog</dt>

	<dd>Lorem ipsum dolor sit amet elit...</dd>

	<dt>Spotted frog</dt>

	<dd>Facilisis at vero eros et accumsan</dd>

	</dl>

	

	

	CSS

	

	dl.table-display

	{

	width: 41.1em;

	margin: 2em 0;

	padding: 0;

	font-family: georgia, times, serif;

	}

	

	.table-display dt

	{

	width: 15em;

	float: left;

	margin: 0 0 0 0;

	padding: .5em;

	border-top: 1px solid #999;

	font-weight: bold;

	}

	

	/* commented backslash hack for mac-ie5 \*/

	dt { clear: both; }

	/* end hack */

	

	.table-display dd

	{

	float: left;

	width: 24em;

	margin: 0 0 0 0;

	padding: .5em;

	border-top: 1px solid #999;

	}