将 h1 文本与周围的边框对齐(Gmail 支持)



我试图让线条围绕 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>

谢谢!

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

最新更新