Grow your CSS skills. Land your dream job.

Problems with spacing

  • # December 26, 2012 at 2:38 pm

    Why is it that when I add a paragraph to my content section my spacing is added below the my mast picture is.

    http://codepen.io/Austin-Davis/pen/HImBe

    https://gist.github.com/4382498

    # December 26, 2012 at 2:45 pm

    Because the elements within #below-mast are all floats. Floats are removed from the normal document flow, essentially giving #below-mast a height of 0. So the paragraph begins just below the mast, but the p’s inline content is pushed by the floats down below #below-mast.

    And easy fix to contain the floats, is to add overflow: hidden; to #below-mast

    # December 26, 2012 at 4:40 pm

    Thanks alot… there seems to be a ton of underlying aspects of front end design that just seem to go over my head….

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".