/
overflow.html
29 lines (28 loc) · 1.31 KB
/
overflow.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=\, initial-scale=1.0">
<title>Overflow</title>
<style>
div{
background-color: grey;
height: 200px;
width: 200px;
overflow: hidden;
/* white-space: nowrap;
overflow-x: scroll; */
}
h2{
color: red;
}
</style>
</head>
<body>
<div>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis impedit, optio labore voluptates necessitatibus sapiente ipsa odit ab eveniet dignissimos, reiciendis architecto illum iure porro odio officiis dolorum? Molestias obcaecati officiis quo explicabo atque id quia praesentium, aspernatur, aliquid quam eius nulla rem architecto illo alias autem beatae esse libero? Quaerat cum cupiditate iste atque recusandae! Dignissimos consequuntur odio minus vero nemo corporis ut cum, ad rerum quia sint laboriosam autem? Impedit amet debitis nam quia? Veritatis ipsam minus voluptatibus. Dignissimos aperiam distinctio sed, perspiciatis ipsum totam odio sit voluptatem amet molestiae iste possimus facere voluptatibus deserunt nostrum. Animi, aliquam.
</div>
<h2>I am heading 2</h2>
</body>
</html>