Хорошо, давайте начнем сначала.Я просто хочу центрировать эти 4 якорных тега li внутри этого ul.
Можно ли как-нибудь обернуть эти четыре в один контейнер, а затем переместить их влево с помощью css?Я просто хочу, чтобы эти 4 элемента отображались по центру этой ул.
Вот изображение того, о чем я говорю
Ниже приведен мой общий заголовок в формате HTML.Существует много CSS, так что я не знаю, с чем связывать людей, но плохо описал то, с чем я играл ниже.
<!-- Header -->
<header class="header header-fixed header-fixed-on-mobile header-transparent" data-bkg-threshold="100">
<div class="header-inner">
<div class="row nav-bar">
<div class="column width-12 nav-bar-inner">
<div class="logo">
<div>
<a href="tel:1-530-680-8255" style="color:grey; display:inline-block">1-530-680-
8255</a>
<a href="tel:1-530-680-8255"><i class="fas fa-phone" style="display:inline-block">
</i>1-530-680-8255</a>
</div>
</div>
<nav class="navigation nav-block secondary-navigation nav-right">
<ul>
<li class="aux-navigation hide">
<!-- Aux Navigation -->
<a href="#" class="navigation-show side-nav-show nav-icon">
<span class="icon-menu"></span>
</a>
</li>
</ul>
</nav>
<nav class="navigation nav-block primary-navigation nav-center">
<ul>
<li class="current"><a href="index.html">Home <i class="fas fa-home"></i></a></li>
<li class="current"><a href="index.html">About <i class="fas fa-at"></i></a></li>
<li class="current"><a href="index.html">Services <i class="fas fa-wrench"></i> </a></li>
<li class="current"><a href="index.html">Contact <i class="fas fa-phone"></i> </a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
--- CSS ---
nav ul li {
display: inline-block;
text-align: center;
width: 100px;
margin: 00px;
padding: 0px;
}