Блок с тінню

```html

Влад Мержевич

Створіть блок, який зображено на рис. 1. Блок містить округлення у заголовку та внизу блоку. Навколо блоку темно-зелена рамка та тінь. Довжина заголовка може змінюватися, відповідно, ширина блоку під ним також повинна змінюватися, але не перевищувати 250px.

Необхідно виконати наступні умови:

  • Валідна верстка на HTML5.
  • Валідність CSS не має значення.
  • Таблиці та їх імітація через стилі не використовуються.
  • Округлення мають фіксований розмір, ширина та висота округлень однакові, задаються у пікселях.
  • Коректне відображення в браузерах IE9+, Opera 12+, Firefox 6+, Safari 5.1, Chrome 12+.
  • Допускаються незначні відхилення від макету при відображенні в різних браузерах.
  • Блок "резиновий", тобто розтягується по ширині вікна браузера.
``` SEO текст: "Створення блоку з округленими уголками та тінями за допомогою CSS3. Дотримання вимог відображення на різних браузерах та коректності верстки. Резиновий дизайн для широкого аудиторії."

Часті запитання