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