案例：html案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="utf-8">
5
<title>HTML5</title>
6
<style>
7
body {
8
    font-family:Verdana,sans-serif;font-size:0.8em;
9
}
10
div#header,div#footer,div#content,div#post {
11
    border:1px solid grey;
12
    margin:5px;margin-bottom:15px;padding:8px;
13
    background-color:white;
14
}
15
div#header,div#footer {
16
    color:white;background-color:#444;margin-bottom:5px;
17
}
18
div#content {
19
    background-color:#ddd;
20
}
21
div#menu ul  {
22
    margin:0;padding:0;
23
}
24
div#menu ul li {
25
    display:inline; margin:5px;
26
}
27
</style>
28
</head>
29
<body>
30
​
31
<div id="header">
32
<h1>Monday Times</h1>
33
</div>
34
​
35
<div id="menu">
36
<ul>
37
  <li>News</li>
38
  <li>Sports</li>
39
  <li>Weather</li>
40
</ul>
41
</div>
42
​
43
<div id="content">
44
<h2>News Section</h2>
45
​
46
<div id="post">
47
<h2>News Article</h2>
48
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum