css - 关于header中的元素配置：logo + slogan + social

Question

我有这个代码：

<div style="float: left">
  <div style="width: 150px; background-color: red">logo</div>
  <h1 style="width: 250px; background-color: green" >long slogan</h1>
</div>
<div>fb like and g+ buttons</div>

有没有办法将 foobar3 放在绿色 div 上方？？？

注意：我想使用此代码顺序（徽标 > 长标语 > 社交），因为我想在手机和平​​板电脑的徽标下方显示标语，这是我的目标，所以也许您可以告诉我任何其他解决方法。

Answer 1

如果您想要该订单徽标 > 长标语 > 社交，那么这里是代码

<div style="float: left">
  <div style="width: 150px; background-color: red">logo</div>
  <h1 style="width: 250px; background-color: green" >long slogan</h1>
</div>
<div style="clear:both"></div>
<div>fb like and g+ buttons</div>