Html 如何对齐div'；它在我的标题下？

如何使我的文档和视频在引导标题jumbotron下水平对齐？我只希望内容与它正下方的标题保持一致

CSS

HTML

完整站点代码-

---

我知道我正在使用引导和其他方式对网页进行编码，网页没有完全响应。然而，我只是在最近才开始的时候，试着从基本的角度来理解这一点，而不是发展我的技能

在

.left

和

.center

分区中有一个不必要的段落标记。这些段落为空。他们也在增加空间

将它们更改为

显示：无

或删除（如果愿意）

---

在

.left

和

.center

分区中有一个不必要的段落标记。这些段落为空。他们也在增加空间

将它们更改为

显示：无

或删除（如果愿意）

---

视频和文档在您的代码片段中是否没有对齐在同一行，或者我是否遗漏了什么？。它们不是在你的导航栏标题下吗？更新后的帖子，我正在寻找与标题对齐的文档和视频。垂直还是水平？直接在对方之下？向右拐？你还是有点含糊不清。我现在水平放置了内容，我只想让内容与标题对齐。你是说视频比文档高一点？您希望它从顶部垂直对齐。在同一高度对齐？视频和文档在代码段中是否未对齐在同一行上，或者我是否遗漏了什么？。它们不是在你的导航栏标题下吗？更新后的帖子，我正在寻找与标题对齐的文档和视频。垂直还是水平？直接在对方之下？向右拐？你还是有点含糊不清。我现在水平放置了内容，我只想让内容与标题对齐。你是说视频比文档高一点？您希望它从顶部垂直对齐。在同一高度水平对齐？请重新阅读我的答案…我声明如果必要，请移除该元素。我不能说p标签是不是用来在以后放置一些东西。p标签是块元素，无论它们是否为空，它们都会增加空间…这就是导致文档div向下移动的原因。自私就是你看到一些东西在工作，但仍然投票支持它。你没有在我的回答中看到一个片段，请重新阅读我的回答回答……我说如果有必要，移除该元素。我不能说p标签是不是用来在以后放东西的。p标签是块元素，不管它们是否为空，它们都会增加空间……这就是导致文档div向下移动的原因。自私就是你看到某些东西在工作，但仍然投票支持它。你没有看到我答案中的一个片段吗

.container2 {
      display: flex;
      flex-flow: row nowrap; /* Align on the same line */
      justify-content: space-between; /* Equal margin between the child elements */
      }

<div class="container2">
         <div class="left">
            <p  style=" margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block;"></p>
            <iframe class="scribd_iframe_embed" src="https://www.scribd.com/embeds/344420651/content?start_page=1&view_mode=scroll&access_key=key-8enfvS2L2K0nh24zmVG8&show_recommendations=true" data-auto-height="false" data-aspect-ratio="0.7729220222793488" scrolling="no" id="doc_97914" width="400" height="400" frameborder="0"></iframe>
         </div>
         <div class="center">
            <p  style=" margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block;"></p>
            <iframe class="scribd_iframe_embed" src="https://www.scribd.com/embeds/344420651/content?start_page=1&view_mode=scroll&access_key=key-8enfvS2L2K0nh24zmVG8&show_recommendations=true" data-auto-height="false" data-aspect-ratio="0.7729220222793488" scrolling="no" id="doc_97914" width="400" height="400" frameborder="0"></iframe>
         </div>
         <div class="right">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/6O7VlTCPYVU" frameborder="0" allowfullscreen></iframe>
         </div>
      </div>

.left p,.center p{
  display:none !important;
}