Html 以图像为中心的导航栏和图像两侧的文字 我试图让导航条以中间为中心，中间的图像为文本，但问题是我不能创造至少一点工作的东西。下面是我当前的示例代码。有没有关于如何修复的建议

*{框大小：边框框}
正文{字体系列：Verdana，无衬线；边距：0；填充：0；}
.顶杆{
溢出：隐藏；
背景色：#333；
高度：45px；
位置：相对位置；
宽度：100%；
}
.顶杆a{
垂直对齐：中间对齐；
浮动：左；
溢出：自动；
显示：内联块；
填充：2x16px；
字体系列：信使；
字体大小：20px；
颜色：#F2F2；
过渡：0.6s缓解；
}
.顶杆a:悬停{
背景色：rgba（0,0,0,0.5）；
}
.顶杆徽标{
位置：绝对位置；
左：50%；
}
.topBar文本左{
浮动：对；
}
.topBar textRight{
浮动：左；
}

非正式的
多莫夫
专辑
康塔克

您希望在图像周围创建一个div，然后分配40%或部分将覆盖左右两侧，其余部分将进入img div。然后去掉img上的类

*{框大小：边框框}
正文{字体系列：Verdana，无衬线；边距：0；填充：0；}
.顶杆{
溢出：隐藏；
背景色：#333；
高度：45px；
位置：相对位置；
宽度：100%；
}
.顶杆a{
垂直对齐：中间对齐；
浮动：左；
溢出：自动；
显示：内联块；
填充：2x16px；
字体系列：信使；
字体大小：20px；
颜色：#F2F2；
过渡：0.6s缓解；
}
.顶杆a:悬停{
背景色：rgba（0,0,0,0.5）；
}
.顶杆徽标{
位置：绝对位置；
左：50%；
}
.topBar文本左{
浮动：对；
}
.topBar textRight{
浮动：左；
}

非正式的
多莫夫
专辑
康塔克

您希望在图像周围创建一个div，然后分配40%或部分将覆盖左右两侧，其余部分将进入img div。然后去掉img上的类

*{框大小：边框框}
正文{字体系列：Verdana，无衬线；边距：0；填充：0；}
.顶杆{
溢出：隐藏；
背景色：#333；
高度：45px；
位置：相对位置；
宽度：100%；
}
.顶杆a{
垂直对齐：中间对齐；
浮动：左；
溢出：自动；
显示：内联块；
填充：2x16px；
字体系列：信使；
字体大小：20px；
颜色：#F2F2；
过渡：0.6s缓解；
}
.顶杆a:悬停{
背景色：rgba（0,0,0,0.5）；
}
.顶杆徽标{
位置：绝对位置；
左：50%；
}
.topBar文本左{
浮动：对；
}
.topBar textRight{
浮动：左；
}

非正式的
多莫夫
专辑
康塔克

显示：flex；证明内容：中心；对齐项目：居中将创建一个水平和垂直居中的行。也可以从子对象中删除所有定位



*{框大小：边框框}
正文{字体系列：Verdana，无衬线；边距：0；填充：0；}
.顶杆{
溢出：隐藏；
背景色：#333；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.顶杆a{
垂直对齐：中间对齐；
浮动：左；
溢出：自动；
显示：内联块；
填充：2x16px；
字体系列：信使；
字体大小：20px；
颜色：#F2F2；
过渡：0.6s缓解；
}
.顶杆a:悬停{
背景色：rgba（0,0,0,0.5）；
}

非正式的
多莫夫
专辑
康塔克
显示：flex；证明内容：中心；对齐项目：居中将创建一个水平和垂直居中的行。也可以从子对象中删除所有定位



*{框大小：边框框}
正文{字体系列：Verdana，无衬线；边距：0；填充：0；}
.顶杆{
溢出：隐藏；
背景色：#333；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.顶杆a{
垂直对齐：中间对齐；
浮动：左；
溢出：自动；
显示：内联块；
填充：2x16px；
字体系列：信使；
字体大小：20px；
颜色：#F2F2；
过渡：0.6s缓解；
}
.顶杆a:悬停{
背景色：rgba（0,0,0,0.5）；
}

非正式的
多莫夫
专辑
康塔克