块级元素＜div＞的不换行和居中

场景1：要求<div>里包裹的<div>不换行

方案一：

<div style="display:inline-block">
    <div style="float:left; display:block"></div>
    <div style="float:left; display:block"></div>
</div>

方案二：

<div>
    <div style="float:left; display:inline"></div>
    <div style="float:left; display:inline"></div>
</div>

方案三：

<div>
    <div style="display:inline-block"></div>
    <div style="display:inline-block"></div>
</div>

场景2：要求<div>里包裹的<div>居中

<div>
    <div style="line-height:100px; text-align:center; margin:auto"></div>
    <div style="line-height:100px; text-align:center; margin:auto"></div>
</div>