title: HTML CSS image in second column of table not displaying correctly
body: <p>I am trying to create a table which has a list on the first column and an image in the second column. However when I put the image in the second column it moves the list of the first column down. Here is what happens:</p>
  
  <p><img src="https://i.stack.imgur.com/rK0Ye.jpg" alt="image moves list down"></p>
  
  <p>As you can see the image moves the list down. How could I get it so it looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/hVUFB.jpg" alt="enter image description here"></p>
  
  <p>This is the code for the table.</p>
  
  <pre><code>&lt;table border="0"&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;ul&gt;
          &lt;li&gt;F1&lt;/li&gt;
          &lt;li&gt;ALMS&lt;/li&gt;
          &lt;li&gt;Le Mans 24 Hour&lt;/li&gt;
          &lt;li&gt;WTCCBritish GT&lt;/li&gt;
          &lt;li&gt;BTCC&lt;/li&gt;
          &lt;li&gt;Toca support races&lt;/li&gt;
       &lt;/ul&gt;
     &lt;/td&gt;
     &lt;td&gt;
       &lt;a href="http://www.motorground.co.uk/wp-content/uploads/2013/02/track-day-0732.jpg"&gt;&lt;img src="http://www.motorground.co.uk/wp-content/uploads/2013/02/track-day-0732-300x200.jpg" alt="PrivateTuitionimg073" width="300" height="200" class="aligncenter size-medium wp-image-23" /&gt;&lt;/a&gt;
     &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>