Как можно задать стили в html, что бы убрать подчеркивание и добавить цвет ?

[allexandr33]

Здравствуйте, помогите пожалуйста
Есть код

<ul>
<li><a href="#">Авторы</a></li>
<li><a href="#">Статьи</a></li>
<li><a href="#">Видео</a></li>
<li><a href="#">Мероприятия</a></li>
<li><a href="#">Блоги</a></li>
</ul>

Выводит на странице в таком виде


Как можно тут же задать стили в html, что бы можно было убрать подчеркивание и задать цвет красный и выстроить названия в линию

 

[Citizen0]

Приветствую.

Добавьте класс к <ul> и оформляйте, как нужно.
Пример
HTML

<ul class='menu'>
<li><a href="#">Авторы</a></li>
<li><a href="#">Статьи</a></li>
<li><a href="#">Видео</a></li>
<li><a href="#">Мероприятия</a></li>
<li><a href="#">Блоги</a></li>
</ul>

CSS

.menu li {
    display: inline;
}

.menu a {
    text-decoration: none;
    color: #f00;
}

 

[swinrobert]

Можно не городить классы и использовать флекс

<style>
ul {
    display: flex;
    flex-wrap: no-wrap;
    justify-content: space-around;
}
ul li {
    width: calc(100%/5);
}

ul li a {
    color: red;
    text-decoration: none;
}

<style>