Как расположить элементы списка в строчку, убрать подчёркивание у ссылок и сделать их красными?

[all33]

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

<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, что бы можно было убрать подчеркивание и задать цвет красный и выстроить названия в линию

[Dreykvl]

Для начала: убрать подчеркивания силами HTML не представляется возможным.
Чтобы сделать текст красным - используй атрибут

style="color: red"

для тега (<a>)
Для того чтобы выстроить это в линию - используй таблицу без рамки

[Stanislav]

https://www.w3schools.com/css/css_navbar.asp

[Вадим Мошев]

Сообщение от Dreykvl

Для начала: убрать подчеркивания силами HTML не представляется возможным.

Это возможно сделать с помощью CSS. Используется свойство text-decoration со значением none

Сообщение от Dreykvl

Чтобы сделать текст красным - используй атрибут

А это можно вынести из HTML в CSS.

Сообщение от Dreykvl

Для того чтобы выстроить это в линию - используй таблицу без рамки

Не нужна здесь таблица. Для этого элементам списка приписывается свойство display со значением inline-block.

Таким образом, для исходной вёрстки (если не задавать классы элементам) получится такой CSS:

ul li {
	display: inline-block;
	margin-left: 15px /*чтобы между ссылками было расстояние*/
}

ul li:first-child {
	margin-left: 0; /*у 1-го элемента отступа не будет*/
}

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