Html 如何使两个div标记水平对齐

好的，我有两个div元素，我想垂直对齐，元素被标识为“NavBar”和“title”，我已经多次尝试对齐它们，但似乎没有任何效果。。。任何帮助都会很好，代码如下

代码如下：

正文{
背景色：黑色；
}
导航条{
颜色：蓝色；
背景色：白色；
文本对齐：居中；
最大宽度：25%；
最小宽度：140px；
弹性：1；
}
部门名称{
颜色：紫色；
文本对齐：居中；
}
分区集装箱{
显示器：flex；
}

死亡魔法师鲍比
导航条
---------------
站点标题
--------------------------------------------

如果要水平对齐两个div，请在“title”之前关闭“container”的

，在“title”div块之后关闭它

导航条
网站名称

div{
文本对齐：居中
}

死亡魔法师鲍比
导航条
---------------
站点标题
--------------------------------------------

在导航栏之后关闭容器div。。因此，根据您的代码，这里是答案，只需将container div end放在class title/div>close之后，并在container class div中添加一个额外的类-

正文{
背景色：黑色；
}
div.v_align{
显示：内联flex；
}
导航条{
颜色：蓝色；
背景色：白色；
}
部门名称{
颜色：紫色；
文本对齐：居中；
}

导航条--------------
网站名称----------------------

你能解释一下你到底想做什么吗？div class=“Nav Bar”>意味着你有两个类1是“Nav”，secend是“Bar”。你的帮助div在哪里
意味着断开线add

float:left

到第一个具有容器类的div。我建议您使用引导。这一个成功了感谢您的帮助，现在我如何在它们之间设置10px的空间？我会简单地使用左边距：10px@从技术上讲，是的，但我已经更新了小提琴，看一看。我相信这是正确的做法。易于更改颜色等。如果代码中有任何行您不理解，请告诉我

<div class="container">
  <div class="help">
    <h1>Nav Bar</h1>
  </div>
  <div class="title">
    <h1>Site Title</h1>
  </div>
</div>