Html 为什么两个内联块元素不保持在同一水平线上？

在阅读了如何创建水平列表（导航栏）之后，我想为当前页面添加一个标题以及同一行上的导航链接。在浏览器中查看文件时，标题和水平无序列表显示在不同的行上，即使它们的显示都设置为“内联”。原因是什么？有没有简单的解决方法

.header{
显示：块；
保证金：自动；
}
#导航栏ul li，导航栏h1{
显示：内联块；
边框：1px纯黑；
}
#导航栏a:链接，#导航栏a:已访问{
颜色：黑色；
}

我的网页
家

如果检查文档，您会发现列表不是内联块

.header{
显示：块；
保证金：自动；
}
#导航栏ul，#导航栏ul li，#导航栏h1{/*如果您检查文档，您会发现您的列表不是内联块


.header{
显示：块；
保证金：自动；
}
#导航栏ul，#导航栏ul li，#导航栏h1{/*如果您检查文档，您会发现您的列表不是内联块


.header{
显示：块；
保证金：自动；
}
#导航栏ul，#导航栏ul li，#导航栏h1{/*如果您检查文档，您会发现您的列表不是内联块


.header{
显示：块；
保证金：自动；
}
#导航栏ul、导航栏ul li、导航栏h1{/*您的
ul
未设置为内联块。默认情况下
ul
是块级元素，因此您只需将
display:inline block
添加到
ul
中。
您的
ul
未设置为内联块。默认情况下
ul
是块级元素，因此您只需添加
display:inline-b即可也将
锁定到您的
ul
。
您的
ul
未设置为内联块。默认情况下
ul
是块级元素，因此您只需将
显示：内联块
也添加到
ul
中。
您的
ul
未设置为内联块。默认情况下
ul
是块级元素，因此您可以只需将
display:inline block
添加到您的
ul
中。
您需要添加一个浮点数和一个边距，以便它们正确对齐

#nav_bar ul li, #nav_bar h1{
float: left;
margin: 1px;
display: inline;
border: 1px solid black;
}

您需要添加一个浮点数和一个边距，以便它们正确对齐

#nav_bar ul li, #nav_bar h1{
float: left;
margin: 1px;
display: inline;
border: 1px solid black;
}

您需要添加一个浮点数和一个边距，以便它们正确对齐

#nav_bar ul li, #nav_bar h1{
float: left;
margin: 1px;
display: inline;
border: 1px solid black;
}

您需要添加一个浮点数和一个边距，以便它们正确对齐

#nav_bar ul li, #nav_bar h1{
float: left;
margin: 1px;
display: inline;
border: 1px solid black;
}

啊，谢谢你指出。用逗号分隔符在CSS块中放置多个元素是一种好的做法，还是取决于偏好？这是一种有用且广泛使用的技术。显然，你必须进行调整以避免出现双边框。啊，谢谢你指出。用逗号分隔符在CSS块中放置多个元素是吗rs是一种好的做法，还是取决于偏好？这是一种有用且广泛使用的技术。显然，你必须进行调整以避免出现双边框。啊，感谢你指出。在CSS块中使用逗号分隔符放置多个元素是一种好的做法，还是取决于偏好？这是一种有用且广泛使用的技术。显然您必须进行调整以避免出现双边框。啊，感谢您指出这一点。在CSS块中使用逗号分隔符放置多个元素是一种良好的做法，还是取决于您的偏好？这是一种有用且广泛使用的技术。显然，您必须进行调整以避免出现双边框。