表格第二列中的HTML CSS圖像顯示不正確

我正在嘗試創建一個表格，該表格在第一列和第二列中有一個圖像。但是，當我將圖像放入第二列時，它會將第一列的列表向下移動。這是發生了什麼：表格第二列中的HTML CSS圖像顯示不正確

image moves list down

正如你所看到的圖像向下移動列表。我怎麼能得到它，所以它看起來是這樣的：

enter image description here

這是該表的代碼。在同一小區TE列表右下方它的位置是：

<table border="0"> 
    <tr> 
    <td> 
     <ul> 
     <li>F1</li> 
     <li>ALMS</li> 
     <li>Le Mans 24 Hour</li> 
     <li>WTCCBritish GT</li> 
     <li>BTCC</li> 
     <li>Toca support races</li> 
    </ul> 
    </td> 
    <td> 
    <a href="http://www.motorground.co.uk/wp-content/uploads/2013/02/track-day-0732.jpg"><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" /></a> 
    </td> 
    </tr> 
</table>

來源

2013-02-24 user667430

＃1。不要使用表格進行佈局（儘管這不會導致您的問題）。＃2 A [fiddle]（http://jsfiddle.net）會有所幫助。 – Rob 2013-02-24 10:40:50

使用CSS進行佈局。內容的HTML。 – 2013-02-24 10:42:22

你應該爲這個問題創建一個** jsFiddle **。也添加樣式表。 – 2013-02-24 10:44:03