CSS menü ortalanmıyor

OGAX dedi:

Tryit Editor v3.6

Arkadaşlar burada menu linki var aynısını kullanıyorum ama çözünürlüğe göre yazıların ortalanmasını istiyorum.
Float: Left; olduğu için text-align: Center; işe yaramıyor.

Yardım eder misiniz?

Genişletmek için tıkla...

text-align:center olmalı. Yine olmazsa sonuda !important koy. Yine olmadı html içinden özel css yazabilirsin.

Text-align: Center bununla dener misin.

Eray T dedi:

Eki Görüntüle 780489

Genişletmek için tıkla...

Kanka sağ ol o görünümde işe yaradı ancak asıl normal halini istiyorum. Navbar olmadan önceki halini ortalayabilir misin?

ugureryavuz dedi:

Text-align: Center bununla dener misin?

Genişletmek için tıkla...

Yok kanka olmuyor. Kodun içerisinde dahil zaten.

Atakan D. dedi:

Text-align: Center olmalı. Yine olmazsa sonuda! İmportant koy. Yine olmadı HTML içinden özel CSS yazabilirsin.

Genişletmek için tıkla...

Important denememiştim ama o da işe yaramadı

.topnav a {
display: inline-block;
color: #f2f2f2;
padding: 14px 3%;
text-decoration: none;
font-size: 17px;
}

+


<div class="topnav" id="myTopnav"><center>
<a href="#home" class="active">Home</a>
<a href="#news">News</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a></center>
</div>


css i böyle yapınca ve div içine "<center>" ekleyince halloldu.
Uğraşlarınız için teşekkürler. @Gokhankrll display-inline yardımcı oldu sağol.

Konu kapatılabilir.