Richten Sie einen Stern vertikal in der Mitte auf einen Textbereich aus

Question

Der Stern befindet sich gerade unten im Textbereich. Wie man den Stern unter dem HTML vertikal auf die Mitte des Textfelds ausrichtet. Hier

ist die html

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

Und der Stil

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

Hier die ist demo

Answer 1

Erstellen Sie ein neues <td> und es Sternchen:

html

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

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

fiddle

Answer 2

nimmt nur Spannweite in einer anderen td tag

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

Ich habe mit CSS Schwimmer im 'td' Tag getan und Arbeits DEMO

CSS

textarea{ 
    float:left; 

} 

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


}