想实现下图所示的效果:
代码:
<!DOCTYPE html>
<html>
<body>
<div >
<div style="float:left;width:50% ;background-color:red">
<span style="float:right; padding-right:5%">key1:
</span>
</div>
<div style="float:right ;width:50%;background-color:blue">
<span style="float:left;padding-left:5%">
value1
</span>
</div>
</div>
<div style="padding-left:10%">22<div>
<div >
<div style="float:left;width:50% ;background-color:red">
<span style="float:right; padding-right:5%">key111111:
</span>
</div>
<div style="float:right ;width:50%;background-color:blue">
<span style="float:left;padding-left:5%">
value1111111
</span>
</div>
</div>
<div >
<div style="float:left;width:50% ;background-color:red">
<span style="float:right; padding-right:5%">key22222:
</span>
</div>
<div style="float:right ;width:50%;background-color:blue">
<span style="float:left;padding-left:5%">
value22222
</span>
</div>
</div>
</body>
</html>