Html 如何在同一div中向上移动特定文本？

我有一个div和两个单独的文本部分。但是，文本的其中一部分比另一部分小，使其略低于另一部分

我想它在垂直和水平方向上都居中于div内-与较大的文本内联。。。页边距底部不工作，但页边距左侧和页边距右侧。。。我该怎么做？谢谢

.portfolioHeader{
位置：相对位置；
字体系列：coolfont；
顶部：20px；
字体大小：55px；
颜色：黑色；
左边距：70像素；
文本对齐：左对齐；
}
a、 小型掘进机{
文字装饰：无；
左边距：20px；
}
斯莫尔里什语{
字体大小：35px；
颜色：#3f3f；
文字装饰：无；
}

---

设置锚定标签的垂直属性

.portfolioHeader a
{
        vertical-align: middle;
}

---

设置锚定标记的垂直属性

.portfolioHeader a
{
        vertical-align: middle;
}

---

我会这样做：

修复无效的html

将字体大小放在锚上

垂直对齐锚固件

如果希望文本水平居中，请在div上使用文本居中对齐（而不是使用带边距的左对齐）

.portfolioHeader{
位置：相对位置；
字体系列：coolfont；
顶部：20px；
颜色：黑色；
文本对齐：居中；
}
a、 标题{
字体大小：55px；
垂直对齐：中间对齐；
}
a、 小型掘进机{
字体大小：35px；
文字装饰：无；
左边距：20px；
垂直对齐：中间对齐；
}
斯莫尔里什语{
颜色：#3f3f；
文字装饰：无；
}

---

我会这样做：

修复无效的html

将字体大小放在锚上

垂直对齐锚固件

如果希望文本水平居中，请在div上使用文本居中对齐（而不是使用带边距的左对齐）

.portfolioHeader{
位置：相对位置；
字体系列：coolfont；
顶部：20px；
颜色：黑色；
文本对齐：居中；
}
a、 标题{
字体大小：55px；
垂直对齐：中间对齐；
}
a、 小型掘进机{
字体大小：35px；
文字装饰：无；
左边距：20px；
垂直对齐：中间对齐；
}
斯莫尔里什语{
颜色：#3f3f；
文字装饰：无；
}

---

您需要垂直对齐“a”标记。 这个css应该会有所帮助

.portfolioHeader {
   color: black;
   display: table;
   font-family: coolfont;
   font-size: 55px;
   margin-left: 70px;
   position: relative;
   text-align: left;
   top: 20px;
   vertical-align: middle;
  }

  a {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
  }

  a.miniheader {
      left: 30px;
      position: relative;
      text-decoration: none;
      top: -5px;
  }
  span.smallerish {
      color: #3f3f3f;
      font-size: 35px;
      text-decoration: none;
  }

---

您需要垂直对齐“a”标记。 这个css应该会有所帮助

.portfolioHeader {
   color: black;
   display: table;
   font-family: coolfont;
   font-size: 55px;
   margin-left: 70px;
   position: relative;
   text-align: left;
   top: 20px;
   vertical-align: middle;
  }

  a {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
  }

  a.miniheader {
      left: 30px;
      position: relative;
      text-decoration: none;
      top: -5px;
  }
  span.smallerish {
      color: #3f3f3f;
      font-size: 35px;
      text-decoration: none;
  }

---

你到底想发生什么？较大的文本在顶部，较小的文本在底部？我希望较小的文本与较大的文本对齐嵌套

a

标记？无效的htmlthen不为第二个文本使用另一个a标记。在a标记中使用span。但是我希望第二个文本具有不同的链接。您到底希望发生什么？较大的文本在顶部，较小的文本在底部？我希望较小的文本与较大的文本对齐嵌套

a

标记？无效的htmlthen不为第二个文本使用另一个a标记。在a标记中使用span。但是我希望第二个文本有一个不同的链接可以完美地工作。非常感谢。不客气，很高兴我能帮上忙-我刚刚编辑了答案，因为我看到你希望它水平居中，而且工作得很好。非常感谢。不客气，很高兴我能帮上忙-我刚刚编辑了答案，因为我看到你也希望它水平居中