Красивое выравнивание характеристик на странице товара с отступами, отмеченными точками

Вот наш кусок html, который мы отформатируем красиво:

<dl class="dl-horizontal">
<?php if ($manufacturer) { ?>
<dt><span><?php echo $text_manufacturer; ?></span></dt><dd><a class="underline" href="<?php echo $manufacturers; ?>"><?php echo $manufacturer; ?></a></dd>
<?php } ?>
<dt><span><?php echo $text_model; ?></span></dt><dd><?php echo $model; ?></dd>
<dt><span><?php echo $text_sku; ?></span></dt><dd><?php echo $sku; ?></dd>
<dt><span><?php echo $text_location; ?></span></dt><dd><?php echo $location; ?></dd>
<?php if ($reward) { ?>
<dt><span><?php echo $text_reward; ?></span></dt><dd><?php echo $reward; ?></dd>
<?php } ?>
<dt><span><?php echo $text_stock; ?></span></dt><dd><?php echo $stock; ?></dd>
</dl>

а вот волшебный css:

.description .dl-horizontal dt {
float: left;
clear: left;
overflow: hidden;
width:140px;
text-align:left;
white-space:normal;
line-height:1.25;
background:url(../image/hr-dot-gray.gif) 100% 12px repeat-x;
}
.description .dl-horizontal dt, .description .dl-horizontal dt span {
font-weight: 400;
color:#818690;
}
.description .dl-horizontal dd {
margin-left:150px;
margin-bottom:6px;
line-height:1.25;
}
.description .dl-horizontal dt span {
padding:0 5px 0 0;
line-height:1.25;
background:#ffffff;
}

До и после: