Variasi Header Seperti Tutorial Siteground

CSS:
.softtitles{
position:relative;
background:url(http://du3vkre908mr5.cloudfront.net/img/modules/softtitles_separator-0800d47.png) no-repeat center bottom
}
.softtitles hgroup{
position:relative;
text-align:center;
padding:60px 0 5px;
margin:10px 0 5px;
background:url(http://www.sumbercerpen.com/images/atas500-67.png) no-repeat center 13px
}
.softtitles hgroup:after{
position:absolute;
content:"";
left:0;
right:0;
bottom:0;
height:8px;
text-align:center;
background:url(http://du3vkre908mr5.cloudfront.net/img/modules/ornament-0800d47.png) no-repeat center bottom}

.softtitles hgroup h1{
font:30px/36px Arial Black, Arial Bold,Helvetica,sans-serif;color:#057AD8
}
.softtitles hgroup h2{
font:20px OpenSansLight,Arial,Helvetica,sans-serif
}
.softtitles hgroup h3{
font:12px OpenSansLight,Arial,Helvetica,sans-serif;color:#000000
}
.softtitles.noimg hgroup{
background:0;
margin-bottom:10px;
padding-top:0
}
.softtitles img{
position:absolute;
top:0;
left:45%;
margin-left:-14px!important;
height:28px
}


CONTENT:
<div class="softtitles ">
<hgroup>
<h1>Tumbal </h1>
<h2>oleh Kurnia Effendi </h2>
<h3>Dimuat di Harian Republika, Minggu, 24 Oktober 1993 </h3>
</hgroup>
</div>