Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Problems with spacing

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #41607
    Austin_Davis
    Participant

    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

    #119059
    wolfcry911
    Participant

    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

    #119081
    Austin_Davis
    Participant

    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)
  • The forum ‘CSS’ is closed to new topics and replies.