‘Xxxxx’ отображается в нижней части <td>, в то время как я хочу, чтобы он появился в верхней части td . Как я могу этого достичь

Мой код похож,

      <div class="content_bottom">
        <div class="wrap">

            <div class="content-bottom-right">
            <div class="product-articles">
              <h3>Our Quality</h3>-->
             <!-- <div class="article" style="clear:both; color:#333;">
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>-->
            <td width="35%"><img src="images/sq1.jpg" alt="" />
            <img src="images/sq2.jpg" alt="" />

  <!--          </td> 

            </tr>
            <tr> -->

            <td valign="top" style="text-align:justify;">xxxxx</td>
            </tr>
            </table>

‘Xxxxx’ отображается в нижней части while I want it to appear at the top of the td . Как я могу этого достичь.
Введите описание изображения здесь

** Даже добавление этого > не решает проблему.

2 ответа

  1. Вертикальное выравнивание сверху не должно происходить в самом теге td, однако вы можете использовать его внутри css.

    <td style="vertical-align:text-top">
    
  2. Если это ваш полный код, то вы не сохранили его sq2.jpgна <td>

    Изменить этот код

    <td width="35%"><img src="images/sq1.jpg" alt="" />
    <img src="images/sq2.jpg" alt="" />
    

    к

    <td width="35%"><img src="images/sq1.jpg" alt=""/>
    <img src="images/sq2.jpg" alt="" /></td>
    

    также делаем vertical-align:text-topдля того tdчто держит текст