如何添加填充/边距来移动：之后

Question

我正在尝试移动:after，以使其更符合其他元素的顶部。我尝试添加padding-top和padding-bottom，添加margin-top和margin-bottom，但这些都不起作用。

#myDiv:after {
  color: #D03540;
  content: " *";
}

有什么想法吗？

Answer 1

只需将绝对位置属性值应用于#myDiv:after，然后使用Top，Bottom，Left和Right属性值设置为所需位置。< / p>

#myDiv {
   position: relative; /* To curtail overlap */
}

#myDiv:after {
   color: #D03540;
   content: " *";
   position: absolute;
   top: 0;  /* Adjust as needed */
   left: 0; /* Adjust as needed */
   right:0; /* Adjust as needed */
}