Problem z wyśrodkowaniem menu

Question

Jako, że to mój pierwszy post - Dzień dobry!

Od dłuższego czasu męczę się z wyśrodkowaniem swojego menu. Wiem, że float:left blokuje mi możliwość wyśrodkowania menu i trzeba ustawić display:inline jednak wtedy elementy rozwijają się zamiast pod danym linkiem to od początku menu (tj. lewa górna strona).

http://biegiemprzezzycie.cba.pl/

Answer 1

Cześć.

Wygląda na to, że działa dobrze :-)

Comments

To jest wersja kiedy jest float. Pytanie brzmi: Jak to wyśrodkować? Nie linki tylko całe menu względem okna przeglądarki

Answer 2

A spróbuj dodać w css

.menu{
    margin: 0 auto;
}

Jak pomoże to napisz.

Albo zrób tak: 

W html:

<div class="container">
    <div class="menu">
        <ul>
            <li>Strona główna</li>
        </ul>
    </div>
</div>

W css:

.container{
    width: 1000px;
    margin: 0 px;
}

.menu{
    border-bottom: 1px solid #000;
}

UWAGA STRONA NIE BĘDZIE RESPONSYWNA!

:-)

Ostatecznie: http://getbootstrap.com/.

Comments

Niestety nic nie pomogło

---

No przecież jest na środku. ._.

---

zmniejsz strone zoomem i zobaczysz ze będzie wyrównane do lewej

Answer 3

Może clear: both; ?

Pozdrawiam :)