h1{
position: relative;
display: inline-block;
margin-bottom: 1em;
}
h1:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 100%;
height: 3px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #666;
border-radius: 2px;
}

h2 {
position: relative;
line-height: 1.4;
padding:0.25em 1em;
display: inline-block;
}

h2:before,h2:after{ 
  content:'';
width: 20px;
height: 30px;
position: absolute;
display: inline-block;
}

h2:before{
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc;
  top:0;
  left: 0;
}

h2:after{
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  bottom:0;
  right: 0;
}