CSS挑战,我可以不介绍更多的HTML吗?

前端之家收集整理的这篇文章主要介绍了CSS挑战,我可以不介绍更多的HTML吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
想象一下,我有任何块或内嵌块与其中的文本.像一个段落或李或任何.如果该标签有“分隔符”类,我希望它显示如下:

所有内容居中(文本对齐:中心;就足够了).
这是棘手的部分:在中心内容的任一侧,出现(垂直居中)线.

以下图片说明了我的想法:

如果我必须引入更多的HTML,那么忘记它 – 不感兴趣.

我是一个很长时间的CSS用户,但我无法理解这一点…任何人都有想法?我喜欢它,最好没有CSS3(对于工作…不能使用新的东西,因为兼容性)..

示例问题:< p class =“separator”> CENTER ME< / p>

解决方法

这在Firefox中有效:
.separator {
    text-align: center;
    height: 0.5em;
    border-bottom: 2px solid black;
    margin-bottom: 0.5em;
}
.separator:first-line {
    background-color: white;
}

JSFiddle Demo

猜你在找的CSS相关文章