Question

On my site cur-mudg-eon.com I’m having a problem having a paragraph display properly. If you visit the homepage you’ll notice that “Paragraph #1” is located to the right of H2 “[ker-muhj-uhn]” and I want it to be to align left underneath the H1 title “Cur-mudg-eon”.

I’m sure it’s something simple, but I can’t seem to figure out my error.

Answer 1

Your headline’s css contains “float: left”, so it will “float” to the left of any content. You have to clear the floats. After the </h2>, insert

<div style="clear:both"></div>

This means that no floating element is allowed to the left or to the right of this div. After the div, your paragraph will display normally.

As was suggested in a comment, you could also add the style="clear:both" to the paragraph, that would be:

<h2> ... headline ... </h2>
<p style="clear: both"> ... </p>