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