Clear as Mud

Clear causes margins to be ignored.

There are no floats on this page. The only styles are:

   P { margin: 30px; }
   .clear { clear: both; color: navy; background: white; }

The next paragraph has a class of 'clear'. It should be the same distance from this paragraph as it is from the paragraph following it.

I have a class of clear!

Notice how the margins are dropped. They should not be.