I want to wrap a border around a div but I want the border top and bottom to just extend say 20% or a set px towards the middle and then stop.
Is this possible with CSS3 or do I require Java or something to make it happen? My goto solution is to set a bg top and bg bottom with the lines but it’s not very optimal for responsiveness. Or set a bg-color around the title and extend it over the div somehow to hide the lines, but everything feels hacky, would be cool to get it working with CSS.
And to get the idea: http://jsfiddle.net/victorsvedberg/4Q6fH/1/
Any ideas appreciated!