Перемещение текста в таблице

Question

я в настоящее время есть таблица, которая выглядит следующим образом: http://s8.postimg.org/gybzti0rn/Screen_Shot_2015_02_27_at_1_30_23_PM.png

Я хочу, чтобы переместить описание лодки до верхней части изображения. Я попытался использовать valign = "top", но это переместило описание в самую верхнюю часть таблицы, где имя лодки.

Вот мой HTML:

<table border ="1"> 
<tr> 
    <th> Boat Name </th> 
    <th rowspan="2">Description</th> 
    </tr> 
    <tr> 
    <td><img src="boatimage.png"></td> 
    </tr>  
</table> 

Заранее спасибо за помощь!

Answer 1

Можете ли вы сделать вопрос немного понятнее?

Может быть, попробовать CSS

<th style="display:block;position:relative;top:20px;" rowspan="2"> 

Это будет переместить его 20px из верхней части это клетка

Answer 2

Попробуйте добавить отступы

<table border ="1"> 
<tr> 
    <th> Boat Name </th> 
    <th rowspan="2" style="vertical-align:top;padding-top:25px">Description</th> 
    </tr> 
    <tr> 
    <td><img src="http://s.codeproject.com/App_Themes/CodeProject/Img/logo250x135.gif"></td> 
    </tr>  
</table> 

Из-за RowSpan вы добавили это будет охватывать 2 строка в этом описании <th> заголовок и текст места description в этом случае вы должны вручную отрегулировать его, добавив отступы, чтобы выровнять его to image <td> ряд.

Fiddle