Пожалуйста помогите с этим HTML CSS

---

Использование либо встроенной таблицы стилей, либо встроенных стилей для всего форматирования.
Используйте <div> Для каждого из 4-х контейнеров стихов и внешнего контейнера.
Заголовок “вчера” использует тег <h2> С 16pt Arial шрифтом, который является синим и курсивом. Не используйте тег <i>.
Всю песню вкладывается в контейнер, который находится в 600 х 280 пикселей, имеет два пиксельных сплошной линии границы синего и пяти пиксельные отступы. Цвет фона - #F0F0F0.
Первый ребенок внешнего <div> - это <h2>. 4 дочерних элемента <div> следуют, объявленные в порядке, указанном ниже.
Желтая секция:
имеет цвет фона "желтый"
плывет влево
имеет ширину 200 пикселей
имеет 10 пикселей отступа
имеет правое поле в 10 пикселей, а все остальные поля равны 0
Раздел без цвета фона не имеет никакого CSS-стиля.
Оранжевая секция:
имеет цвет фона "оранжевый"
позиционируется на (110px, 200px) с абсолютным позиционированием
имеет ширину 200 пикселей
имеет 10 пикселей отступа
Оранжево-красная секция:
имеет цвет фона "rgb(255, 80, 0)"
имеет белый текст
плывет вправо
имеет ширину 200 пикселей
имеет 10 пикселей отступа
имеет правое поле 40 пикселей, верхнее поле 20 пикселей, а все остальные поля равны 0
Не используйте <br> нигде в вашем HTML-коде.

Что я уже пробовал:

<title>CSS Practice
    
    
       

#main {

background-color: #f0f0f0;

width: 600px;

height: 280px;

border: blue;

border-width: 2px;
  
           </body>
</html></div></h2></div></h2></div>

---