将h1文本与周围边框对齐(由gmail支持)

时间:2018-01-03 23:32:41

标签: html css

我试图让线条围绕一个h1,但我在将文本与周围的线条对齐方面遇到了问题。我已使用嵌入式之前/之后的属性,但我无法让它们在Gmail中运行,因此我选择了使用h1上的边框的内联属性。目前的文字" 2018年1月"正在对齐周围的线条。见下面的代码。

h1 {
    text-align: center;
    color: #ffe800; 
    font-family: proxima-nova, sans-serif; 
    font-size: 22px; 
    font-weight: bold;
    text-transform: uppercase;
}


<h1 style="border-left: 150px solid #ffffff; border-right: 150px solid #ffffff; height: 3px;   display: block;">January 2018</h1>

谢谢!

1 个答案:

答案 0 :(得分:0)

我认为您需要将显示属性从display:block更改为display:inline