Увеличить расстояние пунктов меню

Question

Наверное, это мой первый вопрос в ASP.Net. Я новичок в веб-программировании и пытаюсь научиться этому и читаю книгу Wrox ASP.Net 4.0 для начинающих.

Я учился создавать пункты меню, используя Sitemap в качестве источника данных. Я сделал меню и применил источник данных, и он работает нормально. Моя проблема в том, что в результате в книге отображаются пункты меню с идеальным расстоянием. Но мои пункты меню расположены рядом друг с другом, что означает, что они не покрывают всю длину страницы. Ниже изображения могут помочь понять.

Мое изображение:

Вывод книги:

для источника данных:

Вот мой код для меню:

<asp:Menu ID="Menu1" runat="server" CssClass="MainMenu" 
    DataSourceID="SiteMapDataSource1" Orientation="Horizontal" 
    StaticEnableDefaultPopOutImage="False" StaticSubMenuIndent="16px">
</asp:Menu?

Класс Css

.MainMenu
    {
        border: 1px solid white;
        width: 814px;
        height: 19px;
        background-color : #cccccc;
        text-align : justify;
    }

Так что в конечном итоге я хочу увеличить расстояние между пунктами меню, как в книге. В моем CssClass я даже пытался text-align : justify, но он не работает.

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

Answer 1

Добавление этого помогло и решило мою проблему.

.MainMenu ul li
    {
        width: 200px;
    }

Спасибо и извините за беспокойство всех.

Answer 2

Вы можете попробовать padding-right: 50px в своем классе CSS, чтобы сделать отступ 50 пикселей справа от каждого элемента.

См. Этот пример / объяснение для краткого обзора padding-right.