테이블의 두 번째 열 HTML CSS 이미지가 올바르게 표시되지 않습니다.

첫 번째 열에 목록이 있고 두 번째 열에 이미지가있는 표를 만들려고합니다. 그러나 두 번째 열에 이미지를 넣으면 첫 번째 열의 목록이 아래로 이동합니다. 여기에 무슨이다 :테이블의 두 번째 열 HTML CSS 이미지가 올바르게 표시되지 않습니다.

image moves list down

하여 이미지 목록을 아래로 이동합니다 볼 수 있듯이. 나는 그것을 얻을 수있는 방법은 다음과 같습니다 그래서 :

enter image description here

이 테이블에 대한 코드입니다.

<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 [피들] (http://jsfiddle.net)이 도움이 될 것입니다. – Rob

레이아웃 용 CSS를 사용하십시오. 내용을위한 HTML. –

이 질문에 대해서는 ** jsFiddle **을 작성해야합니다. 스타일 시트도 추가하십시오. –