html - 带有显示 block 的超链接不能水平对齐

Question

我有一堆超链接，我想在 td 中水平对齐。问题是它们垂直对齐。是因为我正在使用

 display : block;

我知道我应该使用 ul、li 等，但如果我不想使用怎么办？所以请帮帮我。我只想并排对齐这些超链接。

我的 CSS:

   .homehyperlink {
        width:90px;
        height:50px;
        color:#CCCCCC;
        text-align:center;
        line-height: 50px;
        display: block;
        font-size: large;
        font-weight: 700;
        font-family:'Palatino Linotype';
    }
    .homehyperlink:hover {
        width:90px;
        height:50px;
        color:#FFFFFF;
        text-align:center;
        line-height: 50px;
        display: block;
        background-color:#FB2020;
        font-weight:bolder;
        font-family:'Palatino Linotype';
    }
    .homehyperlink:active {
        width:90px;
        height:50px;
        color:#FFFFFF;
        text-align:center;
        line-height: 50px;
        display: block;
        background-color:#FB2020;
        font-weight:bolder;
        position: relative;
        top: 1px;
        font-family:'Palatino Linotype';
      }
        .munmaintable1234 {
        text-align:left;
        background-color: #333333;
        height:50px;
      }

这是我如何安排它们的链接:

   <td class="munmaintable1234" colspan="4">

                        <asp:HyperLink ID="HyperLink4" runat="server" class="homehyperlink" NavigateUrl="~/test.aspx">HOME</asp:HyperLink>
                        <asp:HyperLink ID="HyperLink1" runat="server" class="homehyperlink" NavigateUrl="~/test.aspx">HOME</asp:HyperLink>
                        <asp:HyperLink ID="HyperLink2" runat="server" class="homehyperlink" NavigateUrl="~/test.aspx">HOME</asp:HyperLink>
                        <asp:HyperLink ID="HyperLink3" runat="server" class="homehyperlink" NavigateUrl="~/test.aspx">HOME</asp:HyperLink>

                    </td>

Answer 1

改变

display:block

到

显示:内联 block

在

.homehyperLink