option.css

dt + dt{
	margin:-1em 0 1em;
}

sample.css

p{
	margin:1em 0;
}

dl{
	margin:1em 0;
}
dt{
	margin:1em 0;
}
dd{
	margin:-1em 0 1em 40px;
}

sample.html

<dl>
	<dt>list title 1</dt>
	<dd>
		<p>list description 1 paragraph 1</p>
		<p>list description 1 paragraph 2</p>
	</dd>
	<dt>list title 2</dt>
	<dd>
		<p>list description 2 paragraph 1</p>
	</dd>
	<dt>list title 3</dt>
	<dd>
		list description 3 (no paragraph)
	</dd>
	<dt>list title 4</dt>
	<dd>
		list description 4 (no paragraph)
	</dd>
</dl>

smart.css

dl,dt,dd{
	margin:1em 0
}
dt + dt,dd{
	margin-top:-1em
}
dd{
	margin-left:40px
}