在CSS中转移底部边界

Question

如何使用css将底部边距向上推约5个像素？

Here就是我想要达到的目标的例子：

Answer 1

您可以使用line-height: css规则执行此操作。

设置line-height: 18px;，这样就可以了。

Answer 2

虽然你可以使用line-height，但它可能搞砸了下一行。所以我建议：

h1 {
  font-size: 24px;
  border-bottom: 2px solid #FF6A00;
  /* proposing line height + padding */
  line-height: 20px;
  margin-bottom: 5px;
}

Answer 3

试试这个使用填充的fiddle。

padding-bottom: 5px;

Answer 4

您可以使用加下划线来完成此操作。像这样：

h1 {
  font-size: 24px;
  padding: 0;
  color: #FF6A00;
  text-decoration: underline;
}

h1 span {
  color: #000;
}

然后将h1中的文字放在span：

中

<h1><span>Szavazás az új domain-ról</span></h1>

请参阅此this fiddle。