Html 我的导航不是我想要的

如果你运行代码，你会看到我有一个标题，文本在左上角，但我希望我的导航在右上角，但它只显示在标题的底部。我试着检查这个元素，并试图找出它，但没有乐趣。这是我的密码

html，正文{
身高：100%；
宽度：100%；
保证金：自动；
填充：自动；
}
h1{
保证金：0；
填充：0；
}
保险商实验室{
保证金：0；
填充：0；
}
.ct{
字体重量：较轻；
}
标题{
位置：固定；
排名：0；
左：0；
高度：75px；
宽度：100%；
背景：-webkit线性梯度（顶部，#3a537a 1%，#204377 100%）；
-网络工具包盒阴影：0px 9px 35px-5px rgba（0,0,0.75）；
}
收割台h1{
字体大小：30px；
字体系列：Roboto；
颜色：#ffffff；
线高：75px；
左侧填充：15px；
字体大小：400；
字母间距：0.05em；
}
标题导航ul{
浮动：对；
}
标题nav ul li{
显示：内联块；
}

CT设计
CT设计

家
关于我
计划
接触

您可以将

浮动：left

添加到

标题h1

中，这将允许您的导航列表按照您的指定向右浮动

但是我会在标题上使用flexbox和

justify content:space-between

将元素推到左/右，然后使用

align items

垂直对齐标题内容

html，
身体{
身高：100%；
宽度：100%；
保证金：自动；
填充：自动；
}
h1{
保证金：0；
填充：0；
}
保险商实验室{
保证金：0；
填充：0；
}
.ct{
字体重量：较轻；
}
标题{
位置：固定；
排名：0；
右：0；
高度：75px；
宽度：100%；
背景：-webkit线性梯度（顶部，#3a537a 1%，#204377 100%）；
-网络工具包盒阴影：0px 9px 35px-5px rgba（0,0,0,0.75）；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
}
收割台h1{
字体大小：30px；
字体系列：Roboto；
颜色：#ffffff；
线高：75px；
左侧填充：15px；
字体大小：400；
字母间距：0.05em；
}
标题导航ul{
浮动：对；
}
标题nav ul li{
显示：内联块；
}

CT设计

家
关于我
计划
接触

原因是浮动。如果您使用绝对定位，它将工作-调整以适应

html，正文{
身高：100%；
宽度：100%；
保证金：自动；
填充：自动；
}
h1{
保证金：0；
填充：0；
}
保险商实验室{
保证金：0；
填充：0；
}
.ct{
字体重量：较轻；
}
标题{
位置：固定；
排名：0；
左：0；
高度：75px；
宽度：100%；
背景：-webkit线性梯度（顶部，#3a537a 1%，#204377 100%）；
-网络工具包盒阴影：0px 9px 35px-5px rgba（0,0,0.75）；
}
收割台h1{
字体大小：30px；
字体系列：Roboto；
颜色：#ffffff；
线高：75px；
左侧填充：15px；
字体大小：400；
字母间距：0.05em；
}
标题导航ul{
位置：绝对位置；
排名：0；
右：0；
颜色：白色；
}
标题nav ul li{
显示：内联块；
}

CT设计
CT设计

家
关于我
计划
接触

谢谢！帮助了一吨