I have a container div which should alter to wrap around it’s contents producing a bordered effect however for some reason the div seems to just appear as a line at the top of the page. The image below show what I would like to acheive but as you can see from this Fiddle it’s not working.
Any suggestions?
Code enclosed in Fiddle.
It’s because the contents of the div are floated left and the div isn’t. Apply
float: left;to the div with the border and it works: http://jsfiddle.net/9yUX3/7/