对齐“textarea”中的文本

时间:2014-02-04 10:40:47

标签: html css

我有一个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>

所以“下属总数”应该在textarea的右上角。

图片在这里:http://i.imgur.com/oAR3GkO.jpg

有什么线索我怎么能用HTML和CSS做到这一点?干杯:)

2 个答案:

答案 0 :(得分:0)

你有什么参考吗?一个图像什么的?通过它我们更容易理解你想做什么??

答案 1 :(得分:0)

会有更好的

<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似乎没用)

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