Wyrównaj gwiazdę pionowo w środku do obszaru tekstowego

Question

W tej chwili gwiazda znajduje się w dolnej części obszaru tekstowego. Jak wyrównać gwiazdkę w dole html pionowo do środka obszaru tekstowego.

Oto html

<table> 
    <tr> 
     <td valign="middle"> 
      <textarea id="txtDescription"></textarea> 
        <span class="star">*</span> 
     </td> 
    </tr> 
</table> 

i styl

.star 
    { 
     color: #ff0000; 
     margin: 0 0 0 5px; 
    } 

Oto demo

Answer 1

Utwórz nowy <td> i dodać tam zodiaku:

HTML

<table> 
     <tr> 
      <td valign="middle"> 
       <textarea id="txtDescription"></textarea> 

      </td> 
      <td> 
       <span class="star">*</span>     
      </td> 
     </tr> 
    </table> 

fiddle

Answer 2

prostu wziąć rozpiętości do innego znacznika td

check

http://jsfiddle.net/dVV5B/

<table> 
    <tr> 
     <td valign="middle"> 
      <textarea id="txtDescription"></textarea> 
     </td> 
     <td> <span class="star">*</span> 
     </td> 
    </tr> 
</table> 

Answer 3

mam zrobić za pomocą css pływak wewnątrz znaczników 'td' i pracy DEMO

CSS

textarea{ 
    float:left; 

} 

span{ 
    float:right; 
    margin:10px; 
    color:green; 


}