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