Html Can'；不要让标志移动

我似乎无法使徽标移动。 我想有导航栏的标志，但无论我尝试它是卡在位置。 我试着申请！重要的是，设置顶部和底部，但它不会移动。有人知道这里出了什么问题吗？ 此外，导航栏上的文本不会提前将颜色更改为黑色`

.top{
/*背景色：4D*/
背景图片：url（“first-background-2.png”）；
对象位置：中心；
背景重复：无重复；
背景附件：滚动条；
背景尺寸：封面；
垫底：300px；
高度：920px；
}
#标志{
文本对齐：左！重要；
不透明度：80%；
浮动：左；
高度：600px；
顶部：60px；
左：60像素
}
.文本{
右边填充：20px！重要；
颜色：黑色！重要；
字体大小：30px；
字体大小：粗体；
文本对齐：右对齐；
字间距：20px；
}
#顶置导航{
背景色：白色；
宽度：100%；
高度：100px；
垫面：60；
不透明度：60%；
位置：相对位置；
顶部：-1150px；
显示：内联块；
}

身体{
保证金：0；
}
爱索尔特

您可以使用

.text > a{
    color:black;
}

---

请指定徽标的位置

，因为要移动徽标，您可以使用：

左边距：（以像素为单位） 右边距：（以像素为单位）

在CSS框模型中，边距位于外部。所以它肯定会移动

如果没有，您可以使用：

左侧填充：（以像素为单位的数量）

---

右填充：（像素数量）

使用边距/填充，甚至位置

Paddings;
padding-left: px;
padding-right: px;
padding-top: px;
padding-bottom: px;

Margins;
margin-left: px;
margin-right: px;
margin-top: px;
margin-bottom: px;

create a div form to the logo;
HTML;
<div class="mylogo">
<img src="whatever.png">
</div>

CSS;
.mylogo { //Just a example or you can you the absolute form, if you use that your logo will stay fixed where you put it!
position: relative;
top: px;
left: px;
right: px;
bottom: px;
}
Or text-align, justify-content, etc 
float: left;
text-align: left;
ETC

填充物；
左：px；
右键：px；
填充顶部：px；
填充底部：px；
利润；
左边距：px；
右边距：px；
边缘顶端：px；
边缘底部：px；
创建一个div表单到logo；
HTML；
CSS；
.mylogo{//仅举一个例子，或者您可以使用绝对形式，如果您使用它，您的徽标将固定在您放置的位置！
位置：相对位置；
顶部：px；
左：px；
右：px；
底部：px；
}
或文本对齐、对齐内容等
浮动：左；
文本对齐：左对齐；
等

您希望徽标位于导航栏的何处？？你们的预期产量是多少？谢谢大家！！我想将徽标保留在导航栏中。