<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scrollable Description Box</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<div class="description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dignissim, erat sit amet fermentum efficitur, enim lorem tristique massa, nec lacinia tortor justo et quam. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Integer sed est eget elit efficitur volutpat.</p>
</div>
</div>
</body>
</html>.container {
width: 300px;
height: 200px;
overflow: auto;
border: 1px solid #ccc;
padding: 10px;
}
.description {
width: 100%;
}
.description p {
margin: 0;
padding: 0;
line-height: 1.5;
}