html - 向导 H1 标签中的中心文本

Question

这应该很简单，但我错过了。我试图通过在我的 stylesheet.css 中使用此 css 将文本居中放置在我的向导 h1 标签中

.h1textalign { text-align:center; }

我正在尝试像这样应用这个类:

<asp:Wizard ID="FirstwzSetup" runat="server" CssClass="wizpad" Font-Names="Tahoma" Font-Size="20px" Style="width: 100%; overflow: scroll;" ActiveStepIndex="0">
    <WizardSteps>
        <asp:WizardStep runat="server" StepType="Start" title="Sponsor Recognition">
           <h1 id="h1test" runat="server" class="h1textalign">Test To Center Text</h1>
        </asp:WizardStep>
    </WizardSteps>
</asp:Wizard>

是什么阻止了将 css 类应用到 h1 标签？

编辑
这是一个例子 - 我的文本没有居中

https://jsfiddle.net/8e8yo28q/

Answer 1

因为 header 是一个 block 元素，你可能还需要给它一个宽度。此外，您可以应用 important 标签以确保没有其他 css 设置导致您的问题。

    h1 {width: 100%; text-align:center !important;}