안녕하세요 이미지처럼 글자부분이 너무 짤려 제목부분을 이미지 위로 배치하고 싶은데요
어떻게 처리해야 하는지 조언 좀 부탁 드리겠습니다.

 <tr>
        <td height="140" valign="middle" align="center" style="BORDER-BOTTOM:1px solid #ebebeb; border-left:1px solid #eee;">
<span style="color:#ffffff; font-weight:bold;"></span>
</td>
        <td valign="middle" style="BORDER-BOTTOM:1px solid #ebebeb;">
<a href='<?=$list[$i][href]?>'><?=$thumfile?></a>
            </td>
            <td align="left" width="450" valign="middle" style="BORDER-BOTTOM:1px solid #ebebeb; padding-left:20px; word-break:break-all; ">
            <div style=" margin-bottom:10px;">
<div class="subject"><a href="<?=$list[$i][href]?>"><span style="font-size:12px; font-weight:bold;"><?=$list[$i][subject]?></span></a><span style="color:#FF6633; font-size:11px">
              </div>
</span></div>
              <div>
              <span style="font-size:12px; font-family:돋움; word-break:break-all; display:block; letter-spacing:-1px; line-height:14px; color:#666666; clear:both;"><?=cut_str(strip_tags($list[$i][wr_content]),100,"...")?></span>
              </div>
              <div style="padding-top:5px; color:#009900;"><a href="<?=$list[$i][link_href][1]?>" target=_blank><span style="color:#009900;"><?=cut_str($list[$i][wr_8], 35)?></span></a></div>
              <div style="padding-top:5px;"><a href="<?=$list[$i][link_href][1]?>" target="_blank"><img src="<?=$latest_skin_path?>/img/list_link_icon.gif" align=absmiddle></a>&nbsp;<a href="<?=$list[$i][href]?>">
  </a>&nbsp;<a href="<?=$list[$i][href]?>"></a>&nbsp;<span style="color:#FF9900; font-size:12px;">추천 :<?=$list[$i][wr_good]?>개</span></div>

</td>
            <td style="BORDER-BOTTOM:1px solid #ebebeb;" align="center">
            <br />
 
            </td>
            <td  align=center style="font-family:돋움;font-size:11px;color:gray; BORDER-BOTTOM:1px solid #ebebeb; border-right:1px solid #eee; padding-right:10px;">
</td>
            </tr>
<? } ?>
        </table>
</td>
</tr>