As I am deep in the innards of the HTML and CSS of the web site I'm working on, I've found that <div style="clear:both"></div> is a really useful tool. It basically sets an invisible horizontal rule for starting a new section of content. Funny thing is that you have to have the explicit closing tag for it to work; <div style="clear:both" /> won't do it.
« Blog (noun); see blog | Main | Bluetooth is (too) Hard »
April 30, 2008
TrackBack
TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a015392891771970b0154366323eb970c
Listed below are links to weblogs that reference The magic of <div style="clear:both">:
Comments
You can follow this conversation by subscribing to the comment feed for this post.
Verify your Comment
Previewing your Comment
This is only a preview. Your comment has not yet been posted.
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment
As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.
Having trouble reading this image? View an alternate.
>>
Funny thing is that you have to have the explicit closing tag for it to work; won't do it.
>>>
One wouldn't expect it to work. By definition, is a container tag and as such, there should be no use in it self closing.
So therefore, why bother with the extra characters? Why not just throw "style="clear:both" in the where it is needed?
Karl
Posted by: Karl | October 02, 2009 at 12:01 PM
Thanks! Simple, but I never really did understand what it meant!
Posted by: Steve | October 28, 2009 at 03:04 AM
This is a great piece of html code to keep floating components in specific area of your web page.
Posted by: Dave | November 09, 2009 at 12:15 AM