Well i want to vertically align three divs, one on the left and one on the right and another one in the middle. 

Here is the fiddle: 
<http://jsfiddle.net/MK01/6qxm3n5s/>

Here is the html code: 

```
<h2>
    <div></div>
    <div id="Title">My Title</div>
    <div></div>
</h2>

```

And here is the css code:

```
h2 div{
    float: left;
    width: 30%
}
h2 div:nth-child(1), h2 div:nth-child(3){
    background-color: #000;
    height: 1px
}
#Title{
    text-align: center
}

```

I have tried a lot of tricks and techniques but none seem to work.

Thank you, MMK.