Html 如何让两个不同的元素并排显示？

如何使两个不同的元素并排显示？ 我的意思是：

---

我试图做的事情的图片：

我不完全确定你在问什么，但我相信你缺少的标签是

显示：内联块标签。它允许您设置元素的宽度和高度，并使其位于同一行中

下面是一个代码示例


。主要内容{
显示：内联块；
宽度：68%；
边界半径：5px；
-moz边界半径：5px；
-webkit边界半径：5px；
背景色：#DDD；
}
.内容{
宽度：60%；
填充：1%；
保证金：1%1%1%0；
背景色：#fff；
边界半径：5px；
-moz边界半径：5px；
-webkit边界半径：5px；
浮动：左；
}
.侧箱{
显示：内联块；
宽度：22%；
浮动：对；
背景色：#EEE；
}

新的！免费资料区！
我们增加了一个新的免费资料部分

呜呜呜呜呜呜呜呜呜呜呜呜

侧箱收割台
侧框文本

试试这个片段

注意：请在大屏幕上观看

.content{
宽度：79%；
浮动：左；
填充物：5px；
}
.侧边栏{
宽度：19%；
浮动：左；
填充物：5px；
}
.新的{
背景颜色：橙色；
利润率：10px；
填充：15px；
边界半径：4px；
颜色：#fff；
}

脸谱网
Facebook是一家盈利性公司和在线社交网络服务公司，总部位于美国加利福尼亚州门罗公园

啁啾
Twitter是一种在线社交网络服务，它允许用户发送和阅读140个字符的短消息，称为“tweets”。注册用户可以阅读和发布推文，但未注册用户只能阅读推文

LinkedIn
LinkedIn是一项面向商业的社交网络服务。成立于2002年12月14日，于2003年5月5日推出，主要用于专业网络

谷歌
谷歌是一家美国跨国技术公司，专门从事互联网相关服务和产品，包括在线广告技术、搜索、云计算和软件

雅虎
雅虎公司是一家美国跨国科技公司，总部位于加利福尼亚州桑尼维尔。它以其门户网站雅虎搜索引擎而闻名全球！搜索和相关服务，包括雅虎！目录，雅虎！邮件，雅虎