<html>
<head>
<title>Div example</title>
</head>
<body>
<style type="text/css">
.container {
width: 300px;
height: 80px;
margin-left: 80px;
}
.shadowbox_top {
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
font-size: 0px;
/* set height and margin-right at the same value */
height: 4px;
margin-right: 4px;
}
.shadowbox_content {
padding-top: 3px;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding-bottom:10px;
overflow: hidden;
padding-left: 11px;
text-align: left;
/* set border-right = margin-right + 1 */
border-right: 5px solid #CCCCCC;
}
.shadowbox_bottom{
font-size: 0px;
background-color: #CCCCCC;
/* set height and margin-left at the same value as margin-right */
height: 4px;
margin-left: 4px;
}
</style>
<div class="container">
<div class="shadowbox_top"></div>
<div class="shadowbox_content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Ut et orci eget sapien sollicitudin aliquam.
Mauris tincidunt tincidunt leo.
</div>
<div class="shadowbox_bottom"></div>
</div>
</body>
</html>