-
Notifications
You must be signed in to change notification settings - Fork 35
/
marginPadding.html
40 lines (34 loc) · 2.45 KB
/
marginPadding.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
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Margin & Padding</title>
<link rel="stylesheet" href="marginPadding.css">
</head>
<body>
<!-- <div class="box" id="box1">
<h2>Box 1</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam ducimus, id dolore nesciunt corporis voluptas saepe labore nulla quo molestiae nisi ipsa corrupti, at possimus molestias officia, aliquam praesentium magnam?</p>
</div>
<div class="box">
<h2>Box 2</h2>
<p>Minima, qui fuga soluta eveniet, impedit quisquam repellat quaerat beatae libero consectetur commodi. Ipsum cumque facere dolore maxime incidunt, error repudiandae sint reiciendis eaque, vitae aliquam enim debitis officiis molestiae!</p>
</div>
<div class="box">
<h2>Box 3</h2>
<p>Veniam, ipsa labore eaque nulla dignissimos qui vitae? Quibusdam, fuga facilis. Quas repellendus nisi magni tempore, quisquam, ut incidunt optio eveniet voluptate odit laboriosam explicabo, accusantium inventore at sapiente qui.</p>
</div>
<div class="box">
<h2>Box 4</h2>
<p>Ipsa perferendis et, modi earum facilis minus! Cum aliquam quo beatae, reiciendis corporis dicta debitis quis ut ullam ea nobis. Aspernatur impedit corrupti nostrum soluta laborum veniam sit recusandae magni!</p>
</div> -->
<div id="overflowing">
<h2>Overflow</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Beatae ab architecto voluptate officiis. Quas dolore distinctio alias quos! Aspernatur commodi magnam amet repellendus ab quam deleniti similique delectus quibusdam rem?
Corrupti, consectetur quasi cumque molestiae vel incidunt, ut voluptatum repellendus deleniti, vitae voluptate sequi harum eius eveniet quae debitis voluptatem iste quis dolorum natus similique. Laborum perferendis nemo dolore error!
Excepturi porro rerum possimus delectus odit? Praesentium, veritatis. Dignissimos commodi ipsa, vel ullam nisi nemo ab architecto, at consequatur delectus totam reiciendis suscipit error, dolorum hic? Et nulla illo maiores!
Deleniti, ab laborum architecto dignissimos inventore nemo tempora reiciendis porro similique aut eaque consequatur tempore consequuntur vero temporibus debitis tenetur quisquam nisi numquam commodi corrupti neque, voluptatibus autem. Repellat, vitae!</p>
</div>
</body>
</html>