DIV border-right: 1px solid #d8d8d8;
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">
#leftside .announce {
background: url(img/menubg.gif) repeat-x bottom left #f4f4f4;
border-bottom: 1px solid #d8d8d8;
border-left: 4px solid #ccc;
border-right: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
clear: left;
color: #505050;
line-height: 1.3em;
margin: 10px 0;
padding: 5px 5px 5px;
width: 134px;
}
#leftside p,.announce p {
font-size: 0.9em;
}
</style>
</head>
<body>
<div id="leftside">
<h2 class="hide">Site menu:</h2>
<div class="announce">
<h2>Latest news:</h2>
<p><strong>Jan 29, 2007:</strong><br />
This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. </p>
<p class="textright"><a href="">Sample link »</a></p>
</div>
</div>
</body>
</html>
Related examples in the same category