Приветствую.
Есть вот такой блок:
![5f61af2959a7c811234905.png](https://habrastorage.org/webt/5f/61/af/5f61af2959a7c811234905.png)
Сложностей в его создании нет, но задумался об оптимизации — уменьшении кода. Как создать такой блок с минимальным набором HTML-кода и CSS-правил? Может быть, есть какие-то техники без создания множества элементов разметки или это бесполезно — без элементов разметки тут не обойтись? Предполагаю, что не обойтись, но все же спрашиваю вас об этом — может быть, есть что-то полезное по этому вопросу.