内联对齐 div，同时将内容从上到下保留在页脚中

Question

抱歉，如果这是重复的，但过去一个小时我一直在四处寻找，但找不到任何有效的解决方案。

我需要为页脚从左到右排列三个 div，但 div 中的内容需要保持从上到下。这是我制作的模型图片：

我试过 inline-block，我试过 block，我试过 float，我试过它们，还有很多其他的东西和我想不通。他们仍然从上到下排成一行。如有任何帮助，我们将不胜感激，这里是 fiddle，其中包含页脚的所有代码。

Answer 1

将您的 css 更改为：

.footer {
background-color: #5c0e13;
color: white;
display: inline-block;
width: 100%;
}


.favicon {
display: block;
}

.footernav, .socialmedia {
  width:50%;
  float: left;
}
.footer img {
  width: 10%;
  display:inline-block; 
}
.footer p {
  width: 50%;
  display:inline-block;
}

内联对齐 div，同时将内容从上到下保留在页脚中

Aligning divs inline while leaving the content top to bottom in footer

html

css

block

footer