pomoc Vycentrovanie menu

[Arthom 6]

Čaute, už dlhšiu dobu sa trápim s webovou stránkou a vycentrovaním menu. Skúsil som všetko a vždy neviem prísť na chybu, prečo mi to nechce vycentrovať. Prikladám HTML a CSS kód + obrázok ako to vyzerá

 

CSS:

.menu .nav { position: static; }
.menu .container { position: relative; }
.navbar-nav>li>a:after{ position: absolute; max-width: 0; height: auto; left: 0; display: block; outline: 0; margin: 0; background: 0 0; content: attr(data-hover); overflow: hidden; }
.menu ul { list-style: none; padding-left: 0; }
.navbar-collapse { padding: 0 0 0 15px;}
section { outline: 0; text-shadow: none; overflow: hidden; }
.navbar-nav>li>a { text-align: center; }
.nazov { border-bottom: 1px solid #444445; }
.navbar-nav>li {text-align: center;}

HTML:

<section>
      <nav class="navbar navbar-default menu" role="navigation">
        <div class="navbar-collapse collapse container" style='margin: 0 auto;'>
          <ul class="nav navbar-nav">
            <li><a href="#">Home</a></li>
            <li><a href="#">Home</a></li>
          </ul>
        </div>
      </nav>
    </section>

 

neviete kde môže byť chyba? ďakujem za pomoc

[Jakub Kučera 6]

Tak nevím, mě se to zapasuje úplně normálně, nejspíš máš tam někdy div, který se plete do menu a nebo máš v css špatně nastavený zarovnání nějakého divu.

[Arthom 6]

ok tak som to vyriešil inak, to menu som dal vpravo a dal ďalej od boku nad ten text, možno to takto bude vyzerať krajšie nie som grafik, toto bol asi môj prvý pokus o vytvorenie designu od základov vždy som niečo vytváral alebo tak