title: Div positioning tutorial for beginners
body: <p>I am a programmer, not a designer and I don't like writing html and css code. I was using table's for layout for a long time. Now, I want to break this bad practice and start using div's in my website. This was a very important decision for me. Because I really <em>hate</em> using div's.</p>
  
  <p>As always, I started reading written code to understand how positioning of divs work, which is the best way for me to learn something new. However, I really couldn't understand. I think there is something wrong. It shouldn't have been that hard, I really think. This div "<em>API</em>" is written wrong, should have been simpler. However, I know that this discussion is non-sense.</p>
  
  <p>I'm now confused with the usage of the following items,</p>
  
  <pre><code>float, clear, inline, block, position, relative, absolute
  </code></pre>
  
  <p>I'm looking for web-sites, stackoverflow posts, tutorials for learning div's for beginners who have a programming background like me.</p>
  
  <p>PS: I checked w3's CSS standards. However, it is too long and detailed. I want something shorter, easier to understand for pragmatical purposes.</p>