html - 对齐下拉菜单 - 左

Question

当我将鼠标悬停在水平导航菜单上的页面名称上时，相关子页面会 float 在下方。

目前这些显示居中，我如何对齐它们以便它们向左对齐(与导航菜单标题名称一致)。

你可以去

看到这个

http://79.170.44.145/sweetfe2.co.uk/

将鼠标悬停在“业务服务”上，看到那个下拉菜单了吗？我希望它向左对齐，这样页面链接(例如“Practice Studios Oxford”)的两个句子就会直接向左浮动在“Business Services”下方。

非常感谢，

山姆

Answer 1

使用'text-align:leftto.sub-menu` 将文本左对齐

.sub-menu{
  text-align:left;
  width: 176px;
}

添加 margin-left 使子菜单与主菜单项对齐

.menu > li > ul{
  margin-left:12px;
}