<style type="text/css">
<!--
body {
 padding: 20px;background-color: #FFF;
    font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif
}
h1,p{margin:0 10px;}
h1{color:#fff;}
p{padding-bottom:1em;}
DIV#m_box{margin:0 40%; background-color:#99CC00;}
b.top_side,b.bottom_side{display:block;background:#fff}
b.top_side b,b.bottom_side b{display:block;height:1px;overflow:hidden;background:#99CC00;}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.top_side b.r4, b.bottom_side b.r4{margin:0 1px;height: 2px;}
-->
</style>

<div id="m_box">
<b class="top_side"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<h1>Here is title</h1>
<p>And here is content!</p>
<b class="bottom_side"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>

#box{border:1px solid #CCCCCC;position: relative; width:20%;padding:10px;}
.box_title{position:absolute; top:-10px; display:block; font-family:"Verdana"; margin-left:6px; background-color:#FFFFFF; font-size:90%; font-weight:bold;padding:0 2px 0 2px;}

<div id="box">
<div class="box_title">Here is title</div>
<p>Here is content!</p>
</div>

<fieldset style="width:20%">
<legend>Here is title</legend>
<p>Here is content!</p>
</fieldset>