具有顯示塊的超鏈接無法水平對齊

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

至

display :inline-block

在

.homehyperLink