Html css3 after在元素中的文本上
我的问题是Html css3 after在元素中的文本上,html,css,Html,Css,我的问题是：after元素位于元素中的文本上。以下是一个例子： 我希望：后面的位于文本下方 我怎样才能解决这个问题？ 正文{ 文本对齐：居中； } a{ 显示：内联块； 文字装饰：无； 填充：10px； 背景：#222； 颜色：#F3； 字号：2em； 保证金：20px自动； 位置：相对位置； } a:以后{ 内容：“； 宽度：100%； 身高：50%； 背景：#00A3A3； 位置：绝对位置； 左：0； 排名：0； } 只需将top:0更改为top:50px在之后css。保持top:0 to
：after：后面的位于文本下方
我怎样才能解决这个问题？
正文{
文本对齐：居中；
}
a{
显示：内联块；
文字装饰：无；
填充：10px；
背景：#222；
颜色：#F3；
字号：2em；
保证金：20px自动；
位置：相对位置；
}
a:以后{
内容：“；
宽度：100%；
身高：50%；
背景：#00A3A3；
位置：绝对位置；
左：0；
排名：0；
}
只需将top:0
更改为top:50px在之后css。保持top:0
top特性将图元的上边缘设置为其最近定位祖先的上边缘上方/下方的单位
通过将元素保持为0，使其保持在顶部
正文{
文本对齐：居中；
}
a{
显示：内联块；
文字装饰：无；
填充：10px；
背景：#222；
颜色：#F3；
字号：2em；
保证金：20px自动；
位置：相对位置；
}
a:以后{
内容：“；
宽度：100%；
身高：50%；
背景：#00A3A3；
位置：绝对位置；
左：0；
顶部：50px；
}
在:after
伪元素上使用top:100%
，将其放置在主元素的正下方
正文{
文本对齐：居中；
}
a{
显示：内联块；
文字装饰：无；
填充：10px；
背景：#222；
颜色：#F3；
字号：2em；
保证金：20px自动；
位置：相对位置；
}
a:以后{
内容：“；
宽度：100%；
身高：50%；
背景：#00A3A3；
位置：绝对位置；
左：0；
最高：100%；
}
你真聪明：|