<div class="dotted_container">
	<div class="dotted">
		<dl>
			<dt>Hamburger</dt>
			<dd><em>$20.00</em></dd>
		</dl>
		<dl>
			<dt>Pizza</dt>
			<dd><em>$20.00</em></dd>
		</dl>
	</div>
</div>


<style>
.dotted_container {

    .dotted{
	    position:relative;
	    left:-2px;
	    top:-2px;
	    background:#F5F5F5;
	    width:100%;

	    dl {
	        position:relative;
	        width:100%;
	        border-bottom:1px solid #eff2df;
	        margin-bottom: 5px;
	    }
	    dd {
	        line-height:1.2em;
	        position:relative;
	        padding:0;
	        text-align:right;
	        border-bottom:1px dotted #000;
	        clear:both;
	        margin:0 0 .4em 0;
	        min-height:0;
	        em {
	            margin:0 ;
	            position:relative;
	            top:.25em;
	            padding:0 0 0 8px;
	            background:#F5F5F5;
	            font-weight: normal;
	            font-style: normal;
	        }
	    }
	    dt {
	        padding:1px 8px 1px 0;
	        position:absolute;
	        bottom:0px;
	        left:0;
	        z-index:99;
	        background:#F5F5F5;
	        font-weight: normal;
	    }
	}
}
</style>