Rozłóż dynamiczne menu na pełnej szerokości strony

Mam dynamiczne menu poziome. Staram się, aby zawsze 100% szerokości strony. Jeśli więc istnieje 6 lub 8 elementów lub jeśli chcę zmienić tytuł każdego elementu, nie będę musiał ponownie zmieniać rozmiaru każdego elementu.

Buit menu jako<ul> <li>Item 1</li> <li>Item 2</li> ... </ul> lista. Zobacz, jak chciałbym, aby został przedstawiony (załączony obraz). Teraz w moim html elementy kończą się przed pełną szerokością.

Jakieś pomysły, jak to rozwiązać? Myślę, że jeśli zmieniłbym menu w tabelę, to by to naprawiło, ale w tym przypadku nie chcę pracować z tabelami.

Możesz zobaczyć stronę tutaj:wprowadź opis linku tutaj Dzięki.

questionAnswers(2)

yourAnswerToTheQuestion