HTML Scroll Box

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.

HTML scrollbox

We have added a background color to this HTML scroll box. This is done using the CSS 'background-color' property.

HTML Codes

We have changed the color of the text inside this scroll box. We did this using the CSS 'color' property.

HTML Codes

HTML Codes

HTML Codes

Background pictures are ideal for when you want to place text over the top of your picture. When using a background picture, scrollbars will only appear if we have enough text in the scroll box.

HTML Code

By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.

Horizontal scroll