Why <section> behave like this? And Why i have some weird margin that i can't inspect in browser?

Why <section> behave like this? And Why i have some weird margin that i can't inspect in browser?
0

#1

pen: [ http://codepen.io/publicprofile/pen/YWRpLA ]
opened here in editor view it looks ‘flowed’, but if u expand and open it in full view ( wide above 1300px ), then datum and profile image is collapsed.

Both datum and profile is dedicated section. So i tried:

section {
clear: both;
}

this one above actually works, i have messed up and not put it in global scope…

also

section {
   display:block;
}

to get section to be on seperate lines
but both give me this collapsed behaivor…

Also tried to put <br> between sections but nothin…

Also i have some weird margin on top so there is white gap between top of viewport and content, u will see… What is that, i can’t find it in browser, i set margin in body to 0


#2
#datum-section{
  clear: both;
}

#3

ty, this also remove this white gap…