forked from KhaingSweWin/pre_intern01
-
Notifications
You must be signed in to change notification settings - Fork 0
/
divs.html
35 lines (32 loc) · 1.57 KB
/
divs.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
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
div{
background-color: darkgreen;
}
#div1 {
border:5px dotted;
background-color:red;
margin:20px;
padding: 50px;
height: 30%;
width:50%;
}
.div2
{
border:5px solid red;
background-color:darkblue;
padding:20px;
}
.box { width: 100px; float: left; margin: 0 10px 10px 0; }
</style>
</head>
<body>
<h1 style="color:rgb(73, 120, 86);text-align:center;">Heading 1</h1>
<div id="div1">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Inventore sequi libero iste eum laudantium quam officia, dignissimos impedit commodi, perspiciatis sit aliquid explicabo veniam. Suscipit exercitationem reiciendis asperiores architecto dignissimos.</div>
<div class="div2 box">Lorem ipsum dolor sit amet consectetur adipisicing elit. <span>Hello from the world.</span> Odit, voluptatum numquam! Saepe dolorum deserunt non rerum repellendus ab exercitationem soluta, minus praesentium autem quia quos ipsum pariatur. Eligendi, cum ad.</div>
<div class="div2 box">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vitae aut et cupiditate explicabo quaerat non vel est, odit maxime natus ullam voluptate repellendus illo quod ad similique libero aspernatur ipsum.</div>
</body>
</html>