Як заховати довгий текст у прокрутку Blogpost

Текст з прокруткою 

Іноді у  повідомленнях блогу буває корисно зменшити видимий обсяг деяких ділянок тексту (наприклад, довгі коди, додатковий пояснювальний текст і т.п.). Для цього використовують так званий "текст з прокруткою".
Щоб вставити таку ділянку тексту в пост, переходимо в HTML-редактор і в потрібному місці вставляємо конструкцію виду:
                            <div id="target" style="height: 200px; overflow: scroll;">                            ТЕКСТ З ПРОКРУТКОЮ                              </div>
де: height: 200px - висота блоку тексту з прокруткою 200 px (можна поміняти). Ширина блоку встановлюється автоматично (по ширині вашої статті). 
Потім перемкніться  на візуальний редактор і замість рядка "ТЕКСТ З ПРОКРУТКОЮ" вставляємо необхідний текст. При бажанні його тут же (у візуальному редакторі) можна додатково відформатувати: оформити цитатою, виділити кольором окремі слова і т.д. 
Прикладом вставки тексту з прокруткою є даний пост. 

Українська музика XX століття

lУкраїнська музика XX століття