Html 如何按下h1标签或如何设置h1标签的位置，使其显示在导航栏下方

我正试图按下这个h1，使其低于我的导航标签。 我构建它的方式是，有一个标题标签，标题标签内有一个容器标签，容器标签内有一个h1标签，在h1标签后有一个导航标签，导航标签内有一个ul，ul内有一个li

.container{
宽度：50%；
保证金：自动；
}
/*标题*/
标题{
高度：100vh；
}
头h1{}
/*无序列表基本上是一个项目数组*/
保险商实验室{
列表样式类型：无；
浮动：对；
/*上下左右*/
/*边距顶部将其向下推*/
}
/*列表项指定它应该如何作为数组的1项*/
李{
显示：内联块；
/*上下左右*/
}
/*A表示所有链接*/
a{
文字装饰：无；
文本转换：大写；
颜色：黑色；
填充：5px20px；
/*把他们分开*/
边框：1px实心透明；
}

随机数发生器

在

导航下方添加
h1

 <div class="container"> 
   <nav> 
      <ul> 
         <li class="active"><a href="#Home">Home</a></li> 
         <li><a href="#About">About</a></li> 
         <li><a href="#Contact">Contact</a></li> 
       </ul> 
   </nav> 
   <h1>Random Number Generator</h1>
 </div>







随机数发生器
移动
元素下方的
标记将移动DOM（文档对象模型）中导航元素下方的标题元素


.container{
宽度：50%；
保证金：自动；
}
/*标题*/
标题{
高度：100vh；
}
头h1{}
/*无序列表基本上是一个项目数组*/
保险商实验室{
列表样式类型：无；
浮动：对；
/*上下左右*/
/*边距顶部将其向下推*/
}
/*列表项指定它应该如何作为数组的1项*/
李{
显示：内联块；
/*上下左右*/
}
/*A表示所有链接*/
a{
文字装饰：无；
文本转换：大写；
颜色：黑色；
填充：5px20px；
/*把他们分开*/
边框：1px实心透明；
}






随机数发生器
只需在
nav
下方添加
h1
？