forked from Daniyal-Murtaza/html-css
-
Notifications
You must be signed in to change notification settings - Fork 0
/
css-boxSizing-textAlign-fontWeight.html
23 lines (22 loc) · 2.42 KB
/
css-boxSizing-textAlign-fontWeight.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./CSS/boxSizing.css">
<!-- <link rel="stylesheet" href="./CSS/fontsWeightsAlign.css"> -->
<!-- <link rel="stylesheet" href="./CSS/cssReset.css"> -->
<title>Box Sizing: Border Box</title>
</head>
<body>
<hr>
<div class="box1">
<h3>Heading 1</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum vitae totam, dolore voluptates dignissimos, architecto ipsam ipsum consectetur minus quidem itaque blanditiis rerum. Laudantium aut dolores iusto voluptatibus tenetur obcaecati maxime, ipsum explicabo, excepturi ut, neque possimus esse consectetur facere natus. Harum, quisquam. Fugit eligendi deserunt voluptatum assumenda quidem aperiam tenetur beatae delectus nam, in culpa veniam facilis tempore blanditiis reiciendis, illum, molestias hic officiis vitae laborum ex aliquid a omnis. Tempora, commodi recusandae aliquam excepturi eaque quisquam perferendis eum accusantium odio eligendi sapiente modi inventore natus sunt expedita? Cumque sequi commodi, perferendis temporibus asperiores fugiat magni ducimus eveniet ab nam deleniti nesciunt omnis deserunt dignissimos aliquid. At reiciendis voluptatum molestias saepe consequatur repudiandae, voluptate officia quae consectetur aperiam quod!</p>
</div>
<div class="box2">
<h3>Heading 2</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum vitae totam, dolore voluptates dignissimos, architecto ipsam ipsum consectetur minus quidem itaque blanditiis rerum. Laudantium aut dolores iusto voluptatibus tenetur obcaecati maxime, ipsum explicabo, excepturi ut, neque possimus esse consectetur facere natus. Harum, quisquam. Fugit eligendi deserunt voluptatum assumenda quidem aperiam tenetur beatae delectus nam, in culpa veniam facilis tempore blanditiis reiciendis, illum, molestias hic officiis vitae laborum ex aliquid a omnis. Tempora, commodi recusandae aliquam excepturi eaque quisquam perferendis eum accusantium odio eligendi sapiente modi inventore natus sunt expedita? Cumque sequi commodi, perferendis temporibus asperiores fugiat magni ducimus eveniet ab nam deleniti nesciunt omnis deserunt dignissimos aliquid. At reiciendis voluptatum molestias saepe consequatur repudiandae, voluptate officia quae consectetur aperiam quod!</p>
</div>
</body>
</html>