title: Aligning divs center next to eachother with valign: top
body: <p>Take a look here <a href="http://www.basenharald.nl/3d" rel="nofollow">http://www.basenharald.nl/3d</a>.
  For the home part i put on some black borders so you can see what i mean.</p>
  
  <p>The problem:
  I need to position the 2 blocks (the "hey"block and the right part) next to each other in the center and position them individual from there on out.
  The logical thing to do is to use display: inline block. Now the problem is that it does not valign top, so i cannot position them with margins.</p>
  
  <p>Basically what i want to do is position the "hey"part slightly to the left and the "right"part slightly to the right and a tat downwards.</p>
  
  <p>What is the best way to do so? It needs to be centered all time cause of the perspective effect and resolutions.
  Hope i am clear enough, otherwise just ask.</p>
  
  <p>this is the css part i am talking about:</p>
  
  <pre><code>#home-welkom { text-align:left; width: 465px; margin: 360px 400px 100px; 230px; margin: 0 auto; display: inline-block;  color:#787778; font-size:11px; border:1px solid black; }
  #home-right { text-align:left; width: 330px; margin: 50px 0px 0 0; position: relative; margin: 0 auto; display: inline-block; border:1px solid black; }
  </code></pre>
  
  <p>Also not that the margin property does not influence the divs at all</p>