# Structuring News Items with Lists

**URL:** <https://forum.kirupa.com/t/structuring-news-items-with-lists/211746>\
**Category:** web dev\
**Created:** [January 4, 2007, 7:57pm UTC](https://forum.kirupa.com/t/structuring-news-items-with-lists/211746 "2007-01-04T19:57:21Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![wyclef](https://avatars.discourse-cdn.com/v4/letter/w/65b543/32.png) [@wyclef](https://forum.kirupa.com/u/wyclef)\
**Post date:** [January 4, 2007, 7:57pm UTC](https://forum.kirupa.com/t/structuring-news-items-with-lists/211746/1 "2007-01-04T19:57:21Z")

</div>

Hey, does anyone have any preference or better suggestions on the following? I had wanted to build a news list with date, image, and blurb using a definition list (option 1) but also wanted to have the whole item linked and would rather not use javascript. I worked out option 2 real quick which just uses unordered lists but it’s a lot more code and doesn’t degrade as structured as Option 1. What do you think would be best here?

```auto

<h1>Option 1</h1>
<dl id="news1">
	<dt><a href="">September, 27th, 2006</a></dt>
	<dd><div class="pic"><a href=""><img src="_lib/img/news.jpg" width="40" height="40" alt="" /></a></div> Story goes here</dd>
	<dt><a href="">September, 27th, 2006</a></dt>
	<dd><div class="pic"><a href=""><img src="_lib/img/news.jpg" width="40" height="40" alt="" /></a></div> Story goes here</dd>
	<dt><a href="">September, 27th, 2006</a></dt>
	<dd><div class="pic"><a href=""><img src="_lib/img/news.jpg" width="40" height="40" alt="" /></a></div> Story goes here</dd>
</dl>

<hr />

<h1>Option 2</h1>
<ul id="news2">
	<li>
		<a href="">September, 27th, 2006<br />
			<span class="story">
				<span class="pic"><img src="news.jpg" width="40" height="40" alt="" /></span> 
				Story goes here.
			</span>
		</a>
	</li>
	<li>
		<a href="">September, 27th, 2006<br />
			<span class="story">
				<span class="pic"><img src="news.jpg" width="40" height="40" alt="" /></span> 
				Story goes here.
			</span>
		</a>
	</li>
	<li>
		<a href="">September, 27th, 2006<br />
			<span class="story">
				<span class="pic"><img src="news.jpg" width="40" height="40" alt="" /></span> 
				Story goes here.
			</span>
		</a>
	</li>
</ul>

```