Подскажите пожалуйста, как сверстать табличку. Съезжает текст слева в низ когда вставляю картинку справа в ячейку!
Только если можно без наворотов, просто обычный вид описания товара.

автор
<table border="0">
<tr>
<td>
<div class="title"><a href="">Название товара</a></div>
<div class="ShortDescription">Краткое описание товара</div>
<div class="price">Цена</div>
<a href="~/detailProduct/@row.id">Подробнее »</a>
<a href="~/Contact">Заказать »</a>
<td>
<a href="">
<img src="" class="pic" alt="" />Фото товара</a>
</td>
</tr>
</table>


1) как сделать произвольное расстояние между названием товара, описанием, ценой
2) как сделать произвольное расстояние между товарами (строками карточки товара)
3) как поместить фото по центру или произвольно двигать (вставляю фото, и текст слева в ячейке съезжает в то место где заканчивается фото)

Спасибо!