<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>