Html 在两个div之间定位带有文本的行

我一直在为我的网站重新设计一个计算器，我想给它添加一个功能。我有两个相邻的div，另外一个div我想放在它们之间。我一直在使用float函数，但似乎没有什么明显的效果。除此之外，div应该包含文本上下两行（我稍后会详细说明），我不确定如何实现这一点，请有人帮忙好吗

下面是我的问题的图片（红色框只是显示div）

下面是我试图实现的目标（红色框只是显示每个div，实际上不是设计的一部分）。 我想在“或”的上方和下方画一条线，用来分隔两边的div，它必须相对于整个事物的大小调整大小。例如：如果调整了窗口的大小（如果有意义的话）

---

如果您需要其他信息，请询问。

我不建议您使用float，因为它有时会有奇怪的行为。我宁愿使用FlexBox来实现布局

1。创建HTML结构：

<div class="wrapper">
   <div class="left">
    
   </div>

   <div class="middle">
     
   </div>

   <div class="right">
     
   </div>
</div>

如果您想了解有关FlexBox的更多信息，请查看：

---

希尔斯

你能添加你的代码吗？请阅读并确认。谢谢！我不知道Flexbox是一种东西。这解决了排列的问题，我发现了如何在中间有文字的行。很高兴听到！是的，FlexBox非常强大！用它们创建响应性强的网站非常容易。此外，请随意对我的答案进行投票，并将其标记为有用。祝你好运！

.wrapper {
   width: 100%;
   display: flex;
   justify-content: space-around;
   align-items: center;
}