Поступило срочное, но небольшое задание от инструктора Кекса.

Мяу! Один из моих заказчиков нанял нерадивого разработчика. Он напортачил в вёрстке и теперь не выходит на связь. Пока мы ищем его, нужно с помощью стилей поправить визуальное отображение текста на странице.

Список свёрстан как параграф. Нужно, чтобы он выглядел как список. Естественно, это временное решение, но действовать нужно оперативно.

Кажется, свойство white-space должно помочь. Очень рассчитываю на твою помощь!

Решение

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

body {
  width: 350px;

  margin: 0;
  padding: 0 20px;

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

p {
  white-space: pre-wrap;
}