Блог

Я изменил класс CSS, чтобы мой другой список не выполнял тот же код с помощью CSS, но код выравнивания текста в первом коде не выполнялся, и я не знаю, почему я пытался поместить тег p и выровнять по правому краю, но это не работает, я также попытался поместить атрибут выравнивания в «a» тег, и он тоже не запускается. Я попытался поместить атрибут выравнивания текста в CSS, и он также не запускается. Но только свойство выравнивания текста, которое не работает. Остальная часть CSS полностью работает.

вот мой код CSS:

 .navbar-text ul{
flex: 1;
text-align: right;
}

.navbar-text ul li{
display: inline-block;
list-style: none;
margin: 0 25px;
}

.navbar-text ul li a{
text-decoration: none;
color: #000;
padding: 0 10px;
width: 100%;
position: relative;
}
 

И вот мой HTML-код:

         <div class="navbar-text">
        <ul>
            <li><a href="home.html">Home</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="contact.html">Contact</a></li>
        </ul>
        </div>
 

И это:

         <ul>
            <li><a href="https://instagram.com/"><img src="instagram.png" alt=""></a></li>
            <li><a href="https://twitter.com/"><img src="twitter.png" alt=""></a></li>
        </ul>