向导 H1 标签中的中心文本

Question

这应该很简单，但我错过了。我试图通过在我的 stylesheet.css

中使用此 css 来使我的向导 h1 标签中的文本居中

.h1textalign { text-align:center; }

我正在尝试像这样应用这个 class：

<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 class 应用于 h1 标签？

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

https://jsfiddle.net/8e8yo28q/

Answer 1

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

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

Answer 2

只需将 width:100% 添加到您的 h1 标签

尝试将 border:1px solid black 添加到您之前的 css，您会注意到您的 h1 被限制在特定宽度。

如果给它添加 % 宽度，即 100%，它将采用父级的相对宽度。

您在 h1 中的文本将自动居中。

Working Fiddle

向导 H1 标签中的中心文本

Center Text In A Wizard H1 Tag

html

css

asp.net

text-align