How to make a scrollable list in a blog/site

Blog owners could have flexible widgets with a list of things that that they wish they had a scroll bar to help readers read their contents with ease . The following 'how to' will help you make some scrollable windows in your blog. This can also be used in a post if it has a list of things that occupy space and you would like to make it scrollable.

<div style="overflow:auto;width:200px;height:100px;padding:10px;border:1px solid #eee">Put your long text to be scrolled!</div>

Copy and paste the above code in your Edit HTML if you are composing a blog post or use a relevant HTML section where you want to place the scrollable items. Write your list of items and when you are done, publish it. If the list is long, you will see the scroll bar next to the box, if the list is short you will just see the items without a scroll.

You may change the parameters (width and height) to fit in your blog margin. You may also keep, add or delete the enhancing parameters i.e. padding, border, solid etc.