How to add HTML Scroll Box to Blogger Post?

A simple and detailed tutorial on how to add HTML scroll box to blogger posts. An HTML scroll box is a box that grows scroll bars when it's contents are too large to fit in the box. How do you make the box? You create the box using the HTML div tag. Then, to make the box scroll, you apply the CSS overflow property to the div.

But, you don't need to worry about the technical details if you don't want to. You can simply copy and paste the HTML scroll box code below. Of course, you can change the values to suit (such as the size of the scroll box, color etc)

Basic HTML Scroll Box

<div style="font: 16px/26px Georgia, Garamond, Serif; height: 120px; overflow: scroll; width: 350px;">

As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.</div>

Result:

As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll