Exercise v2.2

Tutorials

THE WORLD'S LARGEST WEB DEVELOPER SITE

Exercise:

Add a horizontal scrollbar to <div>.

Hint: Use the overflow-x property.

<!DOCTYPE html>
<html>
<head>
<style>
div {
    background-color: #eee;
    width: 150px;
    height: 70px;
    border: 1px dotted black;
    white-space: nowrap;
}
</style>
</head>
<body>

<div>
  <p>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.</p>
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
div {
    background-color: #eee;
    width: 150px;
    height: 70px;
    border: 1px dotted black;
    white-space: nowrap;
    overflow-x: scroll;
}
</style>
</head>
<body>

<div>
  <p>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.</p>
</div>

</body>
</html>

Top Tutorials

HTML Tutorial

CSS Tutorial

JavaScript Tutorial

Top References

HTML Reference

CSS Reference

JavaScript Reference

Top Examples

HTML Examples

CSS Examples

JavaScript Examples

Web Certificates

HTML Certificate

CSS Certificate

JavaScript Certificate