HTML笔记-如何让两个div并排显示

如何让两个div并排显示（让abel和input并排显示）
一. 按整体像素宽度来布局。

<div id="main" style="width:1200px;">
<div id="left" style="width:300px;float:left;">…此处添加你要展示的内容…</div>
<div id="right" style="width:900px;float:left;">…此处添加你要展示的内容…</div>
</div>

备注：左右两个div的宽度之和等于主div的宽度。
二. 按百分比宽度来布局。

 <div id="main" style="width:100%;">
 <div id="left" style="width:25%;float:left;">此处添加你要展示的内容</div>
 <div id="right" style="width:75%;float:left;">此处添加你要展示的内容</div>
 </div>

备注：左右两个div的占比之和等于主div的占比。