CSS line-break issue -

i searched forum similar css issue keywords didn't help. apologize if has been asked elsewhere couldn't find it.

so, brief, i'm new website design , trying build site friend. have idea laid out , putting bit bit, ran strange issue. it's difficult explain i'll post 2 links , explain difference between two:

link1 , link2

the problem i'm having should clear if @ 2 sites. basically, have "content" section seems have invisible tag invading first 2 lines. difference between 2 references above on first, put < p > tag in "content" section, , on second, put 2 line breaks , < p > tag. fact text wraps when there 2 line breaks not otherwise suggests me there dom element invading "content" div's space, have used every browsers' "inspect" tool , cannot find culprit. if can assist me, i'd appreciate it. thank you!

i looked @ code , needs rethinking , restructuring. use of css positions not appropriate. please dig deep positioning , floats understand better on how structure containers.

to fix issue, can add clear: both on #content

#content{clear:both;}