Please check the fiddler link which explains my problem better 
<http://jsfiddle.net/vivekanandaJE/hx2wpggv/2/>

```
h2{
  color:#fff;
  background:#000;
  display:inline;/* inline block spoils the  gap between lines*/
  line-height:30px;
}

```

All the solution i have come across changes the property as inline-block oneway or another. that doesn't solve my problem.

**To resume:**

I want to reduce the background color height and I cannot put inline block as **I need the gap** with no background between each line. I would like to adjust black background gap on right and left end too that's supported in all browsers.