Html 我怎样才能在一个div旁边做一个div？

这是我目前的代码：

故事阅读器
欢迎来到故事阅读器。
返回主页。



狮子、女巫和衣橱。

说明：
当佩文西的孩子们——彼得、苏珊、埃德蒙和露西——从他们居住的陌生乡村别墅的衣柜门走进时，他们发现自己身处纳尼亚之地。在永恒的冬天，纳尼亚是一片冰雪和松林的土地，它的生物被可怕的白巫婆奴役


未知的。。。

说明：
马上就来

---

我想让Readers2挨着Readers1，左边是Readers1，右边是Readers2。我还希望每个div之间有一个间隙。这可能吗？

您可以通过两种方式轻松对齐

div

——使用flex或grid。各有利弊

在此处了解有关flexbox的更多信息：

在此处了解有关网格的更多信息：

.flex{
显示器：flex；
间隙：10px；
}
.flex>div{
弹性：1；
}
.电网{
显示：网格；
网格模板柱：1fr 1fr；
间隙：10px；
}
div>div{
背景颜色：金色；
}

读者1

读者2


读者1

读者2

您可以使用

内联块

#阅读器1，#阅读器2{
显示：内联块；
宽度：50%；
}

---

这样做的好处是它具有通用浏览器支持。

我建议不要使用内联css，而是使用样式标记并在那里编写css，然后使用该css。这样，就可以重用已定义的样式

使用flex，您可以轻松实现自己的目标，了解更多信息

.readers{
显示器：flex；
}
.内联块{
右边距：8px；
}
h3{
字体：状态栏；
字体大小：20px
}

故事阅读器
欢迎来到故事阅读器。
返回主页。



狮子、女巫和衣橱。

说明：
当佩文西的孩子们——彼得、苏珊、埃德蒙和露西——穿过他们居住的陌生乡村小屋的衣柜门时，他们发现自己来到了纳尼亚的土地。在永恒的冬天，纳尼亚被冰冻了，是一片雪地和松林，它的生物被可怕的白巫婆奴役


未知的。。。

说明：
马上就来

您可以使用display:flex将div保持在同一行中。指定宽度并使用属性justify content设置间距

<div style="display: flex; justify-content: space-between;">
  <div class="inline-block" id="Readers1" style="width: 49%">
    <center>
      <h3 style="font: status-bar; font-size: 20px;">Lion, Witch and the Wardrobe.</h3>
    </center>
    <hr>
    <h4 style="font: message-box; font-size: 15px;">Description:</h4>
    <p style="font: status-bar; font-size: 15px;">When the Pevensie children - Peter, Susan, Edmund and Lucy - step
      through a wardrobe door in the strange country house where they are staying, they find themselves in the land of
      Narnia. Frozen in eternal winter, Narnia is a land of snow and pine forests, and its creatures are enslaved by the
      terrible White Witch.</p>
    <center><input type="button" value="Open" onclick="OnClickLion()"></center>
  </div>
  <p>

  </p>
  <div class="inline-block" id="Readers2" style="width: 49%">
    <center>
      <h3>Unknown...</h3>
    </center>
    <hr>
    <h4>Description:</h4>
    <p>Coming soon!</p>
  </div>
</div>

狮子、女巫和衣橱。

说明：
当佩文西的孩子们——彼得、苏珊、埃德蒙和露西——走上
通过他们所住的陌生乡间小屋的衣柜门，他们发现自己置身于一个陌生的国度
纳尼亚。在永恒的冬天被冰冻，纳尼亚是一片冰雪和松林的土地，它的生物被大自然奴役
可怕的白巫婆


未知的。。。

说明：
马上就来

你有css吗？是的，这是可能的，比如看一下css flex，但是在这里发布之前，先搜索一下你自己，有几十个这样的问题（如果不是几百个的话）。