title: How to float left with inline style tag?
body: <p>I have two images I am trying to put inside a mailer <strong>three rules</strong> :: </p>
  
  <ol>
  <li>I must use a table for layout  </li>
  <li>I must use inline style</li>
  <li>No JavaScript allowed</li>
  </ol>
  
  <p>Here is the problem. I want one image to float left and the other image to stay where it is (please see <a href="http://jsfiddle.net/bDBcD/2/" rel="nofollow">JSFiddle</a>).</p>
  
  <p>I tried adding padding to the <code>td</code> tag on the left but it pushes the image on right out of place. How can I make it so that the "contrasto" image is to the left side of the cell as opposed to the right?</p>
  
  <pre><code>&lt;table&gt;
     &lt;tr&gt;
        &lt;td&gt;
           &lt;img height="50" src="http://www.reduxpictures.com/newsletter/stock_oct13/Contrasto.png" style="padding: 0 200px 0 0" width="174"/&gt;
        &lt;/td&gt;
        &lt;td&gt;
           &lt;img class="logo" height="50" src="http://www.reduxpictures.com/newsletter/stock_oct13/Luz.png" width="174"/&gt;
        &lt;/td&gt;
     &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>