widget.html

<style>
	.block-topfive {
		background-color: #fff;
		width: 339px;
		font-size: 14px;
		font-family: arial, sans-serif;
	}

	.block-topfive .block-inner ul {
		margin: 0px;
		padding: 0px 20px;
	}
	
	.block-topfive .block-inner ul li {
		list-style-type: none;
		padding: 5px 10px;
		border-bottom: dashed 1px black;
		float: none;
		overflow: hidden;
	}


	.block-topfive .block-inner ul li img {
		background: black;
		float: left;
		display: inline-block;
		max-width: 40px;
		margin-right: 10px;

	}
	
	.block-topfive a {
		color: #666600;
		text-decoration: none;
		display: inline-block;
		float: left;
		width: 225px;
	}

	.block-topfive a:hover {
		text-decoration: underline;
	}

	.allStories {
		padding: 10px;
		text-align: right;
		display: block;
	}
</style>

<div class="block-topfive">
	<div class="block-inner">
		<img src="elxn-header.jpg"/>
		<div class="content">
			<ul>
				<li><img src="thumb.jpg"><a href="#">Suspendisse blandit lorem vel massa consequat, vel sodales justo semper.</a></li>
				<li><img src="thumb.jpg"><a href="#">Suspendisse blandit lorem vel massa consequat, vel sodales justo semper.</a></li>
				<li><img src="thumb.jpg"><a href="#">Suspendisse blandit lorem vel massa consequat, vel sodales justo semper.</a></li>
				<li><img src="thumb.jpg"><a href="#">Suspendisse blandit lorem vel massa consequat, vel sodales justo semper.</a></li>
				<li><img src="thumb.jpg"><a href="#">Suspendisse blandit lorem vel massa consequat, vel sodales justo semper.</a></li>
			</ul>
		</div><!--/content-->
	</div><!--block-inner-->
	<a class="allStories" href="#">More #elxn stories ></a>
</div>