Underline a block of in-line text

by audetwebdesign

HTML

<div class="zone_33">
	<div class="bloc_dossier">
		<div class="dossier_titre">
			<h2>Horizon 2020, nouvelles opportunités</h2>
		</div>
		<div class="dossier_visuel">
			<a href="#">
				<img src="http://placehold.it/238x159.jpg" alt="Horizon 2020, nouvelles opportunités">
			</a>
		</div>
		<div class="dossier_description">
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tincidunt erat in purus ullamcorper ultricies.</p>
		</div>
		<ul class="dossier_contenus">
			<li class="last">
				<a href="#">Lorem ipsum</a>
			</li>
		</ul>
	</div>
</div>

CSS

body {
    color: #616263;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.zone_33 {
	width: 238px;
	padding: 0px;
	margin: 0px;
	float: left;
	min-height: 1px;
	overflow: hidden;
}

.zone_33 h2 {
	color: #616263;
	font-size: 150%;
	font-weight: lighter;
	padding: 0px 0px 12px 0px;
	background: none;
	border-bottom: 1px solid grey;
	display: table-cell;
	text-transform: uppercase;
}
.dossier_titre {
	margin: 0px 0px 20px 0px;
}
.dossier_titre:after {
    content: "";
    display: table-cell;
    width: 100%;
}