tejasamrute Posted November 28, 2014 Share Posted November 28, 2014 (edited) 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 Link to comment Share on other sites More sharing options...
Ingolme Posted November 28, 2014 Share Posted November 28, 2014 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 More sharing options...
tejasamrute Posted November 28, 2014 Author Share Posted November 28, 2014 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 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now