html - Hyperlinks with display block cannot be horizontally aligned -

i have bunch of hyperlinks want align horizontally in td.the problem getting aligned vertically.is because using

 display : block; 

i know should using ul, li etc if dont wish to? me out here.i want align these bunch of hyperlinks side side.

my 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;       } 

here how arranging them links :

   <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> 

change

display:block 

to

display :inline-block

in

.homehyperlink