here is the sample code:
Code:
<h2><span class="chapterHeader"><span class="t">chapter</span> <span class="count">1</span></span></h2>
css:
Code:
.chapterHeader {
height:60px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: black;
border-right-color: black;
border-bottom-color: black;
border-left-color: black;
display:block;
margin-bottom:20px;
background-color:#FFF;}
.t {
float:left;
font-weight: normal;
margin-top:38px;
margin-left: 0;
margin-bottom: 0px;
padding-right: 16px;
padding-left: 5px ;
padding-bottom: 0px;
padding-top: 0px;
font-size:26px;
background-color:#FFF;
font-family:"times new roman",sans-serif;}
.count {
line-height: 100%;
font-style:normal;
font-weight: normal;
text-transform:uppercase;
font-size:94px;
margin-right: 0;
margin-top:-14px;
margin-bottom: -20px;
float:left;
padding:0px;
background-color:#FFF;}