输入html代码时，导航栏会移动

我的在线投资组合有点问题。我将页面设置为我的导航位于页面右侧的位置，并在同一分区中使用图像作为背景。我试图为我的投资组合提供介绍文本，但当我将其放入导航栏时，它会向下移动。有办法解决这个问题吗

这是我的密码：

@导入url（'https://fonts.googleapis.com/css?family=Fjalla+一);；
@导入url（'https://fonts.googleapis.com/css?family=Titillium+Web'）；
*{
保证金：0自动；
填充：0；
}
#包装纸{
保证金：0自动；
}
#背景{
显示：块；
背景图片：url（images/profile/Untitled-1.jpg）；
背景重复：无重复；
背景尺寸：包含；
-webkit过滤器：灰度（80%）；/*Safari 6.0-9.0*/
滤镜：灰度（80%）；
保证金：0自动；
边框：1px纯黑；
}
标题{
左边距：10px；
左侧填充：10px；
填充顶部：10px；
垫底：10px；
}
p{
显示：块；
宽度：20%；
字体大小：40px；
颜色：仿古白色；
填充：0；
保证金：0自动；
}
身体{
背景色：黑色；
}
页脚{
颜色：仿古白色；
}
h1{
字体系列：'Fjalla One'，无衬线；
颜色：花白色；
字体大小：300%；
}
哈{
显示：块；
宽度：50%；
字体系列：'Titillium Web'，无衬线；
颜色：花白色；
字体大小：100%；
}
导航{
显示：块；
左缘：80%；
边框：2倍纯色橙色；
利润底部：40%；
}
李{
显示：内联块；
填充：20px；
利润率：9px 0px；
边界半径：50px 0px 0px 50px；
边框：2倍纯白；
宽度：250px；
高度：50px；
文本对齐：居中；
文本阴影：2px 2px黑色；
字体大小：150%；
字体系列：“Fjalla One”，无衬线；
背景颜色：浅灰色；
位置：相对位置；
-webkit转换持续时间：0.5s；
/*标准语法*/
过渡时间：0.5s；
-webkit转换属性：转换；
/*标准语法*/
过渡性质：变换；
}
/*选项卡将略微向左延伸*/
.伸展：悬停{
-webkit转换：translateX（-25px）；
}
/*标准语法*/
转换：translateX（-8px）；
}
@关键帧延伸{
从{宽度：200px；左：0px；}
至{宽度：600px；左侧：200px；}
}
李：悬停{
/*选项卡将略微向左延伸*/
-webkit动画名称：“扩展”；
-webkit动画持续时间：2秒；
动画方向：反向；
}
a:链接{
文字装饰：无；
颜色：仿古白色；
}
a:参观了{
文字装饰：无；
颜色：仿古白色；
}
a:悬停{
文字装饰：无；
颜色：仿古白色；
}
a:主动的{
文字装饰：无；
颜色：仿古白色；
}

塔维扬·理查森
塔维扬·理查森
嘿！欢迎来到我的网站。在这里，你可以看到一切，从我的生活故事，到我最近的项目和简历








最后更新日期：2016年11月

您需要将文本放在实际html的导航栏下，或者使用

位置：固定在css中。您还可以使用
top:和
左：
您想在哪里添加文本？请在导航元素旁边添加我想添加的文本