サイトのタイトルのすぐ下にナビゲーションバーがありますが、ナビゲーションバーの最初と最後のアイテムをタイトルの最初と最後に並べたいと思います。ライブプレビューはありませんが、画像を添付しました。一方のブラウザで並べることはできますが、もう一方のブラウザで開くと、再びオフになります。すべてのテキストが機能するようにテキストを並べる簡単な方法はありますか?ありがとうございました
HTML:
<body onload="play()">
<div class="heading">UPRISING</div>
<div class="container_12">
<div id="topnav" align="center">
<ul id="list-nav">
<li><a href="home.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="trailer.html">TRAILER</a></li>
<li><a href="stills.html">STILLS</a></li>
<li><a href="news.html">NEWS</a></li>
<li><a href="contact.html">CONTACT</a></li>
<!-- <li><a href="distribution.html">DISTRIBUTION</a></li> -->
</ul>
</div>
<!-- START OF CONTAINER -->
<div class="trailer">
<img id="imgHolder" />
</div>
</div> <!-- END OF CONTAINER 12 -->
CSS:
#topnav li {
margin-right: 110px;
}
#topnav li:nth-last-child(1) {
margin-right: 0px;
}