How to add a HTML scroll box in your blog?

 HTML Scroll Box



When its contents are too big to fit inside the box, an HTML scroll box expands its scroll bars. How is the box made? A standard HTML element, like the div element, is used to create the box. Next, you apply the CSS overflow property to the div to make the box scroll. 


However, if you don't want to, you don't have to worry about the technical details. The HTML scroll box code below is easy to copy and paste. Naturally, you can alter the values to fit your needs (e.g., scroll box size, color, etc.).


Simple Scroll Box in HTML

<div style="height:120px;width:120px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;">

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> 













That is Great! You have now a HTML scroll box code to be inserted that will appear in your blog to be viewed when your blog is visited. Please feel free to leave any constructive feedback, suggestions or questions in the comments and I'll get back to you as quick as I can with concrete solutions. Want to know more about blog writing, please mention. I will make a tutorial on. 


thankyou
BashTec

Post a Comment

Previous Post Next Post