Jump to content

Double Border Header


Recommended Posts

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 by Tezzo
Link to comment
Share on other sites

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,

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...