Css 对齐导航栏中的项目

再见！我在网站顶部有一个导航栏，只有两个元素：一个菜单图标和一个品牌标志（艾菲尔动力）。我们的想法是将Eiffeltower图像放置在导航栏的中心，并将菜单图标放置在导航栏的最左侧（withe区域），但我在将其正确放置在CSS中时遇到了一些问题

text align:center

似乎不起作用，所以我设置了一些

padding

命令，但我认为这不是一个好的解决方案。我不知道如何将

fa-fa-bar

放在左边。我需要帮助！你能看一下吗

JFP
无标题文件
.导航{
列表样式：无；
利润率：0.8%；
填充：0；
位置：相对位置；
文本对齐：居中；
背景：rgb（51,51,51）；
颜色：rgb（51,51,51）；
字体大小：140%；
填充：0px 10px；
字体系列：Arial、Helvetica、无衬线字体；
边框左下半径：120px；
边框右下半径：120px；
}
李国荣先生{
位置：相对位置；
z指数：2；
显示：内联块；
垂直对齐：底部对齐；
文本转换：大写；
}
.nav a、.nav span{
显示：块；
颜色：#fff；
文字装饰：无；
利润率：0.20px；
右边填充：80px；
}
.nav a:参观过吗{
颜色：rgb（51,51,51）
}
.导航：之后{
内容：“；
位置：绝对位置；
排名：0；
底部：50%；
右：0；
左：0；
背景：rgb（51,51,51）；
}
.导航跨度{
宽度：186px；
高度：77px；
背景：rgba（255255,0.3）；
字体大小：77px；
溢出：隐藏；
}
.nav#品牌{
高度：160px；
宽度：80px；
位置：绝对位置；
}
.nav#fafa{
字体大小：30px；
颜色：rgb（42186214）；
}

您可以在包含菜单图标的

li

上使用

float:left

，如下所示：

---

你可以走两条路。使用

float

属性，如下所示：

float: left;

或者，您可以设置

位置：绝对

然后像这样使用

left

属性：

left: 10px;

---

您可以从链接中找到更多关于如何在CSS中水平对齐元素的信息。

是否有可能将菜单图标从灰色区域左移到白色区域？是否有可能将菜单图标从灰色区域左移到白色区域？您可以将

.nav#fafa

更改为类似以下内容：

.nav#fafa{字体大小：30px；颜色：rgb（42186214）；位置：绝对；左：-30px；}

float: left;

left: 10px;