Продолжение истории про нерадивого разработчика. На этот раз нужно поработать с оформлением текста.

Мяу!

Разработчик неправильно использовал теги в разметке. Вёрстка отображается не так, как в макете. Нужно с помощью CSS изменить визуальное отображение текста на странице.

Знаю, знаю, это плохая практика. Но мы вынуждены временно пойти на эту меру, чтобы сайт отображался как нужно.

Снова очень рассчитываю на тебя!

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

body {
  width: 550px;
  margin: 0;
  padding: 0 10px;

  font-family: "Arial", sans-serif;
  font-size: 26px;
}

i {
  font-style: normal;
  text-transform: uppercase;
  font-weight: bold;
}

b {
  font-weight: normal;
  font-style: italic;
}

ins {
  text-decoration: line-through;
}

del {
  text-decoration: underline;
}