Css 如何将两个div放在同一行中

我不知道如何把两个div放在同一条线上。 我使用了

float:left

和

float:right

两个变量，并且它们被包含为

div类的两个不同的
div id
。在课堂上也使用了显示：内联。
请给出关于这个问题的任何想法
 您可以将显示属性设置为
内联
或
内联块

例如：

<div class="example">One</div><div class="example">Two</div>

尝试一下浮动：左

对于这两种方法

有几种方法可以实现这一点，我已经详细介绍了其中的七种方法。Tl；博士：

• float

  ing

  div

  s（@vladkras的答案）
• 使用

  显示：内联块（@Sohnee的答案）

• 在父级上使用：

  display:flex

• 使用负边距移动第二个

  div

• 在父级上使用

  display:table

  ，在子级上使用

  display:table cell

• 玩弄

  位置：绝对
  

• 而且，最新的也是在许多情况下最好的解决方案是：在父级上显示：grid

---

不工作，我在第一个分区中也有一个背景图像，这很重要吗？它应该工作-这里有一个背景示例：-您能更具体地说明“不工作”吗？先生，我有一个分区，我有两个分区，一个分区有图像，一个ul和两个段落，在第二部分中，我有一个普通文本，我希望它们都在同一行，但我的输出有点不同，第二部分在第一部分完成后出现。你能把你的HTML添加到你的问题中吗？请按此方式通过你的HTML和css代码，thanx感谢您尝试帮助您做了哪些更改？@KaranTewari虽然解决方案仅在我的评论中，但我从第一个div中删除了

width

，并使用了

float:left

.example {
    display: inline;
}