CODEWITHSUNDEEP
htmlcss
BryGuy
BryGuy

Reputation: 127

CSS/HTML causing paragraph to display wrong

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.

Upvotes: 0

Views: 107

Answers (4)

user1643087
user1643087

Reputation: 643

add a break tag "/br" after "/h2"

it should come down then

Upvotes: 0

cem
cem

Reputation: 3321

Give your p a clear: both;, that should do the trick.

Upvotes: 0

David Tanzer
David Tanzer

Reputation: 2742

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>

Upvotes: 3

Harshit
Harshit

Reputation: 671

"br" (break)tag after the H2 should help

<H2>text </h2><br/>Paragraph 1

Upvotes: 2

Related Questions