Here's my go at it
HTML:
Code:
<div id="News">
<img src="notebook.jpg" align="left"><h1>Test</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
CSS:
Code:
#News{
background-color: #fff;
color: #036;
width: 200px;
height: 200px;
}
#News img{
margin-top: -8px;
}
#News H1{
margin-top:8px;
margin-bottom: -20px;
padding-left: 33px;
background-color: #036;
color:#FFF;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
border-bottom: 1px solid #036;
}
#News P{
padding: 5px;
border: 1px solid #036;
}
Edit Added Paragraph padding, oh and I only test in Firefox...don't know what it looks like in IE.