title: HTML <div> horizontal alignment
body: <p>I'm trying to align two divs horizontally. Having tried about 15 different approaches, I still don't manage to get it working.</p>
  
  <blockquote>
    <p><img src="https://i.stack.imgur.com/OAohf.png" alt="This is how my divs are aligned now"></p>
  </blockquote>
  
  <pre><code>$html .= '&lt;div class="fotoLinks"&gt;';
  $html .= '  &lt;img src="'.$image-&gt;getWebPath().'"/&gt;';
  $html .= '&lt;/div&gt;';
  $html .= '&lt;div class="tekst"&gt;';
  $html .=    $this-&gt;text;
  $html .= '&lt;/div&gt;';
  </code></pre>
  
  <p>With corresponding CSS (div.alinea is a wrapper div):</p>
  
  <pre class="lang-css prettyprint-override"><code>div.alinea
  {
      float: left;
      width: 100%;
      margin-bottom: 15px;
  }
  
  div.tekst
  {
      float: left;
  }
  
  div.fotoLinks
  {
      float: left;
      margin-right: 15px;
      height: 100%;
  }
  </code></pre>
  
  <p>I hope to get some inspiration for a new approach.</p>