文本下方有不必要的间距

Question

这可能很简单，我已经尝试过我从其他搜索结果中看到的内容，但没有骰子。

以下是我突出显示的一些文字（文字＆＃39; TODAY＆＃39;）。您可以在文本底部看到一些空格。我希望这个文字能够与V形图案一起使用，所以我希望它能够居中。

我尝试了什么

• 删除填充/边距
• line-height：1
• text-decoration：none
• text-align：center
• vertical-align：middle

我已经在我的<p>标记上尝试了所有上述css属性，但仍然没有。

如何将此文本垂直居中以与V形符号对齐？

Answer 1

这可行。

.jump-to-today {
  display: flex;  /* or display: inline-flex */
  align-items: center
}