Question

<div> <span> <label> 合同从属关系： </label> <span> 合同支付关系：<textarea rows="8" >1</textarea>

样式跟图片一样，应该怎么调整，不用table

Answer 1

<div class="box">
<h3>合同从属关系：</h3>
<div class="list1">
<h4>合同支付关系</h4>
<textarea></textarea>
</div>
<div class="list2">
<h4>合同协调关系</h4>
<textarea></textarea>
</div>
<div class="list3">
<h4>合同见证关系</h4>
<textarea></textarea>
</div>
</div>

样式
.box h3{ display:block; width:自定义; height:自定义; float:left;}
.list1{ float:left; width:自定义; height:自定义; }
.list1 h4{ display:block; width:自定义; height:自定义; }
.list1 textarea{ width:自定义; height:自定义;}

.list2{ float:left; width:自定义; height:自定义; }
.list2 h4{ display:block; width:自定义; height:自定义; }
.list2 textarea{ width:自定义; height:自定义;}

.list3{ float:left; width:自定义; height:自定义; }
.list3 h4{ display:block; width:自定义; height:自定义; }
.list3 textarea{ width:自定义; height:自定义;}

Answer 2

啊

追问

你这个回答真解决不了问题。。。