Формат текстовой области в стиле HTML

Question

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

<table cellpadding="0" cellspacing="0" border="0"> 
     <tr> 
      <td valign="bottom" style="padding-left: 20px; background-color: Green"> 
       <div style="padding-top: 5px"> 
        <div style="float: left"> 
         First Name 
        </div> 
        <div style="float: left; font-size: 11px; padding-top: 2px"> 
         (as in passport) 
        </div> 
        <div style="float: left; color: Red; padding-left: 1px"> 
         * 
        </div> 
       </div> 
      </td> 
      <td valign="bottom" style="padding-left: 20px"> 
       <div style="padding-top: 5px"> 
        <div style="float: left"> 
         Last Name 
        </div> 
        <div style="float: left; font-size: 10px"> 
         (as in passport) 
        </div> 
        <div style="float: left; color: Red"> 
         * 
        </div> 
       </div> 
      </td> 
     </tr> 
     <tr> 
      <td style="padding-left: 20px"> 
       <asp:TextBox ID="txtfname" runat="server" BackColor="#FFFEDF" Width="200px" ></asp:TextBox> 
      </td> 
      <td style="padding-left: 20px; padding-top: 0px"> 
       <asp:TextBox ID="txtlname" runat="server" BackColor="#FFFEDF" Width="200px" ></asp:TextBox> 
      </td> 
     </tr> 
    </table> 

Answer 1

Вы можете добавить «position: relative; bottom: -3px;» в DIV в ТД - это было бы просто переместить их 3 точек ниже. Вот скрипка: http://jsfiddle.net/BLTRx/

Другой возможностью было бы сделать небольшой текст независимым от содержимого ячейки. Текст всегда оставался на том же месте: http://jsfiddle.net/h5Vzw/

Но я бы рекомендовал вам поместить весь стиль во внешнюю таблицу стилей и избежать стилей.