испытание: оформление статьи 20/20. помогите разобраться.никак не поддается

Курсы
1
Испытание: оформление статьи

Правила жизни кота Кекса

<p>Сегодня мы берём интервью у известного в узких кругах талантливого инструктора и просто хорошего кота Кекса.</p>

<p class="highlight">Кекс ранее не общался с прессой, поэтому этот материал эксклюзивный.</p>

<p>Представляем вам правила жизни Кекса:</p>

<ul>
  <li>никогда никому не доверяй,<br><span class="italic">особенно своему хозяину</span></li>
  <li>ты никогда не поймаешь <span class="uppercase">большую</span> рыбу, если будешь бояться потерять берег из виду</li>
  <li class="underline">порхай как пантера, кусай как лев</li>
</ul>
body { width: 380px; margin: 0; padding: 0 10px; font-size: 16px; line-height: 20px;

font-family: “Arial”, sans-serif;
}

h1 {
font-size: 20px;
text-align: center;
}
.highlight {
padding: 10px;
background-color: #3f51b5;
color: white;
font-weight: bold;
}

.italic {
font-style: italic;

}

.uppercase {
text-transform: uppercase;
}

.underline {
text-decoration: underline;
}

Испытание: оформление статьи

Помните испытание про разметку статьи в главе «Разметка текста»? Там вам нужно было разметить статью с помощью подходящих тегов.

В этом испытании вам нужно оформить эту же статью. Однако, задача изменилась. Исходный HTML-код уже полностью готов и заблокирован для редактирования. Вам нужно применить изученные в этом курсе CSS-свойства к соответствующим элементам.

Итак, что нужно сделать:

  • для заголовка задать размер шрифта кратный 10px и горизонтальное выравнивание текста (свойство text-align );
  • для блока .highlight задать внутренний отступ кратный 5px , белый цвет текста и фоновый цвет #3f51b5 , а также поменять насыщенность шрифта;
  • в списке правил жизни применить свойства font-style , text-transform и text-decoration с нужными значениями для соответствующих кусочков текста с классами italic , uppercase , underline.

Удачи!

Правила жизни кота Кекса

Сегодня мы берём интервью у известного в узких кругах талантливого инструктора и просто хорошего кота Кекса.

Кекс ранее не общался с прессой, поэтому этот материал эксклюзивный.

Представляем вам правила жизни Кекса:

2

разобрался))

3

Как на 100% сделать?
Без этого https://htmlacademy.ru/upload/checks/tasks/5739/f892474b136beba2068eceb38b562518/diff.png?_=1576763866299

4

Забыл одно свойство в h1.
сам не мог понять, там есть с боку возможность посматреть видео обзор.
вот готовый код

body {
width: 380px;
margin: 0;
padding: 0 10px;
font-size: 16px;
line-height: 20px;
font-family: “Arial”, sans-serif;
}

h1 {
line-height: normal;
font-size: 20px;
text-align: center;
}
.highlight {
padding: 10px;
background-color: #3f51b5;
color: white;
font-weight: bold;
}

.italic {
font-style: italic;

}

.uppercase {
text-transform: uppercase;
}

.underline {
text-decoration: underline;
}