Html 如何将一个div放置在彼此相邻的位置，而不使其位于下方？

我正在尝试制作一个在线游戏，我已经花了相当长的时间试图找出如何做到这一点，我正在使用最新的引导。我提供了一张照片。在它里面，你可以看到卡片显示在下面，我需要它显示在导航栏下面和统计部分的右边。服务器、统计数据和卡都是div。我试着用fixed:left；统计数据。浮动：左；在服务器上。卡片上有浮点数：对

只需指出，导航栏以及统计数据和服务器位于php标题页上，而卡片在main index.php上是独立的

如果有人能帮我解决这个问题，那将是令人惊讶的，我已经花了好几个小时试图解决这个问题

---

对于每个div，您都需要使用CSS将其作为目标，并将其显示模型设置为inline，如下所示

例如，如果你有两个像这样的div

<div class="myinlinediv" id="content">
 Div 1
</div>

<div class="myinlinediv" id="sidebar">
 Div 2
</div>

这是一个代码示例

服务器： 用户名 知识产权 钱 攻击 统计数据 用户名 知识产权 钱 攻击 这是卡体中的一些文本。 这是卡体中的一些文本。 这是卡体中的一些文本。 这是卡体中的一些文本。 在导航器的控制台上，您可以看到页面的所有内容

您需要知道html的块元素和内联元素之间的区别

是块元素，也是内联元素

我建议您阅读以下文章：

---

另一件事：如果你想更好地查看你的网页，你只需要学习html5、css3和javascript。PHP是一个语言服务器，它有不同的用途，比如连接数据库或进行会话。

您能提供一个代码片段吗？以下是您基本上需要的代码片段，以展示您迄今为止所做的工作，例如，编码的当前状态。粘贴它们，以便其他人可以看到你。代码应该是真实的代码，并且在问题中。病毒性的，请不要发布代码图像的链接，将代码放在问题中的文本中。

.myinlinediv {
 display: inline-block; /*This is the important line*/
 background-color: black;
 color: white;
 padding: 20px;
}