title: Align image to baseline
body: <p>I need to construct a layout like the following</p>
  
  <pre><code>+-------+-----------------------------+-------+
  |       |                             |       |
  |       |                             |       |
  |   A   |             B               |   C   |
  |       |                             |       |
  |       |                             |       |
  |       |                             |       |
  +-------+-----------------------------+-------+
  </code></pre>
  
  <p>In zone A I would like to put an image that shall be aligned to top right.
  In zone B I would like to put an image that shall be centered (vertical &amp; horizontal)
  In zone C I would like to put an image that shall be aligned bottom left</p>
  
  <p>I have the following markup. </p>
  
  <pre><code>&lt;div style="float: left;"&gt;
      &lt;img src="/images/sx.jpg" alt="sx" height="100" width="90" /&gt;
  &lt;/div&gt;
  &lt;div class="slideshow" style="float: left;"&gt;
      [...]
  &lt;/div&gt;
  &lt;div style="float: right;"&gt;
      &lt;img src="/images/dx.jpg" alt="dx" height="100" width="90" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried to use CSS <code>vertical-align</code> but it does'nt work. How can I obtain what I want?
  Thanks for helping</p>