Definition lists for image gallery


Title here: Description here


Title here: Description here


Title here: Description here


	HTML

	

	<dl class="gallery">

	<dt><img src="flower.jpg" alt=""></dt>

	<dt>Title here</dt>

	<dd>Description here</dd>

	</dl>

	<dl class="gallery">

	<dt><img src="flower2.jpg" alt=""></dt>

	<dt>Title here</dt>

	<dd>Description here</dd>

	</dl>

	<dl class="gallery">

	<dt><img src="flower3.jpg" alt=""></dt>

	<dt>Title here</dt>

	<dd>Description here</dd>

	</dl>

	

	

	CSS

	

	dl.gallery

	{

	border: 1px solid #000;

	background-color: #ddd;

	width: 102px;

	text-align: center;

	padding: 10px;

	float: left;

	margin-right: 1em;

	}

	

	.gallery dt { font-weight: bold; }

	

	.gallery dt img

	{

	border: 1px solid #000;

	width: 100px;

	height: 100px;

	}

	

	.gallery dd

	{

	margin: 0;

	padding: 0;

	}