的CSS* * *在文本旁边右对齐

的CSS* * *在文本旁边右对齐

您需要一个元素和一个

:after

伪元素。PS它反应灵敏。

说明：在这里，主要部分是

overflow:hidden;

在元素上使用，然后使用

:after

带有

content

属性的伪元素创建虚拟元素，并将其放置在

absolute

设置为的父元素上。

relative

<h2>Hello World</h2>h2 {  font-size: 20px;  font-family: Arial;  position: relative;  overflow: hidden;}h2:after {  display: inline-block;  content: "";  height: 4px;  background: #f00;  position: absolute;  width: 100%;  top: 50%;  margin-top: -2px;  margin-left: 10px;}