CSS HTML：如何将这段文本居中

在这个下拉菜单中，我如何将“托尼·罗宾斯”的名字垂直居中？我尝试在包含文本的跨度和包含文本的li#drop化身中添加垂直对齐：中间。有人能告诉我我做错了什么吗

还有一种方法可以使文本对齐：居中也起作用，这样“托尼·罗宾斯”也可以水平居中

添加：

img
{
  vertical-align: middle;
}

因为文本与图像是内联的，所以需要告诉图像如何与文本对齐。

添加：

img
{
  vertical-align: middle;
}

---

因为文本与图像是内联的，所以需要告诉图像如何与文本对齐。

span是一个内联元素，因此它只会占用所需的空间量。考虑使用“代码>显示：块< /COD>使这个跨度成为块元素，它将占用整个宽度。然后可以对其应用

文本对齐：居中

不过，在这种情况下，您可能需要将图像向左浮动

更新：我将样式添加到小提琴中：


这是你想要的吗

以下是我添加的样式：

a.small-width > span {
    display: block;
    text-align: center;
}

a.small-width > img {
    float: left;
}

您可能想创建新类，因为我不知道您使用小宽度还有什么用。
span是一个内联元素，因此它只会占用所需的空间量。考虑使用“代码>显示：块< /COD>使这个跨度成为块元素，它将占用整个宽度。然后可以对其应用
文本对齐：居中

不过，在这种情况下，您可能需要将图像向左浮动

更新：我将样式添加到小提琴中：


这是你想要的吗

以下是我添加的样式：

a.small-width > span {
    display: block;
    text-align: center;
}

a.small-width > img {
    float: left;
}

你可能想创建新类，因为我不知道你使用小宽度还有什么用。
确保将
边距底部：##px
添加到此样式中，以便提供以前的填充位。确保将
边距底部：##px
添加到此样式中，以便提供以前的填充位。