Центрирование asp: пункт меню, когда есть несколько строк пунктов меню

Question

Вы можете повторить мою проблему с помощью этого небольшого фрагмента кода.

    <div ID="topcell" runat="server" align="center" style="text-align:center">
   <asp:Menu ID="testmenu" runat="server" Width="300px" Orientation="Horizontal" RenderingMode="List">

    <Items>
    <asp:MenuItem Text="Testing"></asp:MenuItem>
    <asp:MenuItem Text="Testing"></asp:MenuItem>
    <asp:MenuItem Text="Testing"></asp:MenuItem>
    <asp:MenuItem Text="Testing"></asp:MenuItem>
    <asp:MenuItem Text="Testing"></asp:MenuItem>
    <asp:MenuItem Text="Testing"></asp:MenuItem>



    </Items>
   </asp:Menu>
   </div>

Результат:

• Тестирование-тестирование-тестирование-тестирование-тестирование-тестирование
• Тестирование ----------------------------------------

Желаемые результаты:

• Тестирование-тестирование-тестирование-тестирование-тестирование-тестирование
• ------------------ Тестирование ----------------------

Я попробовал все три режима рендеринга без удачи! Я делаю что-то не так, ребята?

Заранее спасибо.

Answer 1

Попробуйте добавить следующий CSS на свою страницу:

<style type="text/css" >
   #testmenu ul li {
      display:inline-block;
      float:none !important;
   }
</style>  

Это перезапишет встроенные стили меню и заставит неупорядоченный список центрироваться.