Double Border Header

[tejasamrute]

I want to create a dynamic header like the image attached...

 

By dynamic i mean the borders should adjust according to the length of the text

 

 

Help Appreciated

 

 

Edited November 28, 2014 by Tezzo

[Ingolme]

There are two ways to do that. One is to float the element to the left or to the right, theother way is to set the display to "inline-block".

 

Both of the options will cause content that follows the box to be rendered next to it. The solution to that is different for each case:

• In the case of using "float", set clear: both on the element that follows it.
• In the case of display: inline-block the element that follows it should be a block element or be wrapped in a block element,

[tejasamrute]

i just realised... the reason i attached the design of the header was to show the variation in the length of the texts.....they are headers of different pages