Html 将“文本”附近的文本对齐；textarea"；

我有一个文本区域框，我需要它占页面的一半。之后，我需要再放一些文本和另一个文本区域

这就是我现在所拥有的：

<p>Supervisory responsability <span style="color:red">*</span>
        <input type="radio" name="tip" value="Supervision"
        checked="checked" style="margin-left:15px"/> Supervision
        <input type="radio" name="tip" value="Direction"
        checked="checked"/>Direction
        <input type="radio" name="tip" value="None" />
        None
        <br/>
        <textarea cols="75%" rows="3" style="margin-left:153px"></textarea>
            <div id="one">
                <p>Total number of subordinates 
                    <textarea cols="75%" rows="1"></textarea></p>
            </div>
</p>

监管责任* 监督 方向 没有一个
下属总数

所以“下属总数”应该在文本区域的右上角

图片如下：

---

有什么线索可以让我同时使用HTML和CSS实现这一点吗？

你有什么参考资料吗？图像还是什么？通过它，我们更容易了解您想要做什么？？？

这样会更好

<div id="one">
   <p style="width: 50%; float: left; ">Total number of subordinates</p>
   <textarea style="width: 50%; float: right; " rows="1"></textarea>
</div>

下属总数

或者（因为使用textarea似乎没有用）

下属总数

您是否有可以显示的布局图像/psd，以便更好地解释您想要实现的目标？当然。在我原来的帖子中添加了一个链接：）差不多了，谢谢你：D我必须重新调整下一个文本区域，但是是的，它在那里：）非常感谢！除此之外，它还弄乱了布局。哦，对不起。。。我想你们第一次必须把文本光标放在文本区域的那个位置。使用text align:right（但我不确定它是否会对textarea产生正确的效果）。但实际上，如果您只需要写数字，请使用CSS文本对齐：对；

<div id="one">
   <p style="width: 50%; float: left;">Total number of subordinates</p>
   <input type="text" style="width: 50%; float: right;">
</div>