course-info/examples/css/positioning/overflow.html at master · dat310-spring21/course-info · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
<head>
    <title>Example: Overflow</title>
    <style>
        body {
            color: #fff;
            font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Sans-Serif;
        }

        .box {
            border-radius: 6px;
            background: #eaeaed;
            width: 400px;
            height: 200px;
            overflow: scroll;
            padding: 20px;
            text-align: justify;
            color: #3a3a3a;;
        }

    </style>
</head>
<body>
<div class="box">
    <h3>Heading</h3>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sodales neque quis nisi facilisis lobortis. Nam efficitur eget nisi sit amet bibendum. Vestibulum elementum faucibus quam ut posuere. Vivamus pellentesque luctus nunc at bibendum. Mauris viverra ultrices nisi, sit amet imperdiet lectus accumsan eu. Morbi ornare diam nulla, nec aliquet nisl accumsan dictum. Mauris sit amet tellus in ipsum commodo hendrerit. Nunc at mollis magna. Proin felis nibh, venenatis non lobortis quis, ullamcorper nec dolor. Vivamus tempus volutpat fringilla. Praesent volutpat sit amet massa nec ultricies. Curabitur sollicitudin pharetra tortor in dictum. In mattis orci vel augue vehicula rutrum. Nullam vitae sollicitudin orci.

    </p>

</div>
</body>
</html>