Position elements with the div tag

Answer 1

For declarations like left and top to make any sense, you need to apply them to positioned elements:

#foo {
  position:absolute;
  top:10%;
  left:25%;
}

Your elements don't appear to have be positioned as absolute or relative.

There are many other problems with your markup as well that will cause many, many problems. All of your markup should go within the body tag:

  
    
    
  
  
    
    
Hello World
    
  

Online Demo: http://jsbin.com/efukol/edit