-
Notifications
You must be signed in to change notification settings - Fork 0
/
layout responsive.html
47 lines (45 loc) · 1.22 KB
/
layout responsive.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
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
box-sizing: border-box;
}
header{
border: 1px solid red;
padding: 15px;
text-align: center;
}
nav{
width: 75%;
float: left;
padding: 15px;
border: 1px solid red;
height: 190px;
}
section{
width: 75%;
float: left;
padding: 15px;
border: 1px solid red;
}
</style>
</head>
<body>
<header>
<h1>China</h1>
</header>
<nav>
<li>Flight</li>
<li>City</li>
<li>Island</li>
</nav>
<section>
<h1>The City</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisling elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisling elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi it aliquip exea commodo consiquat</p>
</section>
</body>
</html>