pepebe
3/9/2013 - 12:02 PM

The first commented line is your dabblet’s title

The first commented line is your dabblet’s title

{"view":"separate","fontsize":"90","seethrough":"","prefixfree":"1","page":"javascript"}
$width = 0;

$('dt').each(function(){
	$dt_width = $(this).width();
	if($dt_width > $width){
		$width = $dt_width;
	}
})
$('dd').css('padding-left',$width);
// alert('Hello world!');
<dl>
	<dt>Term 1</dt>
	<dd>Descripton 1<br>uhfvhghg hgjhgkj</dd>	
	<dt>Term 2</dt>
	<dd>Descripton 2</dd>	
	<dt>Term 3</dt>
	<dd>Descripton 3</dd>	
	<dt>Term 4</dt>
	<dd>Descripton 4</dd>	
</dl>
/**
 * The first commented line is your dabblet’s title
 */

dl {
	position: relative;
}
dt {
	float: left; 
	position: absolute;
}
dd {
	margin-left: 0;
/*	padding-left: 7em; */
	margin-bottom: 0.5em; 
	border-bottom: 1px solid silver;
	padding-bottom: 0.5em;
}