Wyśrodkowanie menu <ul>

pytanie zadane 28 września 2017 w HTML i CSS przez niezalogowany

<body>
   
    <header>
    
    <nav class="menu">
       
        <ul class="big_menu">
            <li>test1</li>
            <li>test2</li>
            <li>testtesttest</li>
            <li>test4</li>
            <li>test5</li>
        </ul>
        
    </nav>
    
    
       
        <img src="img/logo3.png"> 
        
        <p>Cabrio</p>
        
    </header>
    
</body>

Szanowni Forumowicze, mam problem z wyśrodkowaniem całego menu w <ul>. Chcę, aby 3 li (testtesttest) było na środku a inne ułożone równo obok tego li w display block inline. Próbowałem z text-align center ale dalej nie jest to wyśrodkowane jak trzeba. Jak zrobić takie menu?

komentarz 29 września 2017 przez niezalogowany

może narysuj chociażby w paincie :) jak to ma wyglądać, bo nie do końca rozumiem ;]

2 odpowiedzi

odpowiedź 29 września 2017 przez Eimens Maniak (69,240 p.)
wybrane 29 września 2017

Najlepsza

Mamy tracić teraz czas żeby zgadywać co ty tam sobie wymyśliłeś? Daj konkrety bo inaczej marnujesz tylko czas osób, które mogłyby ci już dawno pomóc! Przeczytaj to co sam napisałeś i zastanów się czy sam to rozumiesz.

Domyślam się że prawdopodobnie chodzi ci o poziome menu wraz z wyśrodkowaniem.

dlatego tez li wystarczy ustawić w inline-block a do nav dodać text-align: center;

https://codepen.io/PatrykTal/pen/WZOjGV

Jeżeli potrzebujesz pionowe menu wystarczy zmienić display i włożyć to w jakiś container żeby nie było na cały ekran.

https://codepen.io/PatrykTal/pen/xXrdgL