将中间的星形垂直对齐到文本区域

Question

现在这颗星位于文本区的底部。如何将html下方的星形垂直对齐到textarea的中间。

这是html

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

风格

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

以下是demo

Answer 1

创建一个新的<td>并添加星号：

<强> HTML

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

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

fiddle

Answer 2

将跨度转换为另一个td标记

检查

http://jsfiddle.net/dVV5B/

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

Answer 3

我已经在'td'标签内使用了css float并且正在使用DEMO

<强> CSS

textarea{
    float:left;

}

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


}