Html 如何使用CSS使我的徽标看起来像我想要的那样？

我用HTML和CSS创建了一个徽标。我的问题是：

如何使文本相对于行而不是页面居中？ 如何使文本直接位于行的上方和下方？ 我的代码：

.hr{ 边际上限：0px； 边缘底部：0px； 宽度：35%； } .标志{ 排名：0； 左：0； 位置：绝对位置； } GTD 网页设计

---

在代码中添加文本对齐：居中到logo类。

首先，请注意，在代码中，这一整块CSS：

.hr{ 边际上限：0px； 边缘底部：0px； 宽度：35%； } 没有任何效果，因为HTML中没有class=hr的元素。您可能打算以元素为目标。您想要hr{…}而不是.hr{…}。但既然你似乎对自己的标志很满意，即使这条规则不适用，我还是选择了删除它

要回答第一个问题，请添加文本align:center To.logo。应用于容器会使其文本相应对齐。使用“文本对齐中心”可使文本相对于容器居中；其他选项包括“左默认”、“右”和“对齐”

对于第二个问题，行周围的间距是由CSS边距引起的。熟悉，它描述了元素在页面上的表示方式。一个元素可以有一个透明的空间区域，该区域围绕着它并将其他元素推出。发生在相邻的元素上。由于浏览器在CSS代码之前应用了用户代理样式表，因此默认情况下h1、hr和h3元素具有边距。要删除边距并将单词直接放在行的上方和下方，请将边距设置为0

最终代码：

.标志{ 排名：0； 左：0； 位置：绝对位置； 文本对齐：居中； } h1，hr，h3{ 保证金：0； } GTD 网页设计

---

你有两个问题。将文字居中对齐，并使文字正上方的文字对齐：居中；是的，卢卡斯，如果有任何帮助，我都会非常感激，我想在同一个问题中发布会更简单。Temani我不希望它居中于页面，我希望它居中于水平线。

.logo {
  text-align: center;
}