案例: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 http-equiv="Content-Type" content="text/html;charset=utf-8">
5
<title>HTML4</title>
6
7
<style>
8
body {
9
    font-family:Verdana,sans-serif;font-size:0.8em;
10
}
11
div#header,div#footer,div#content,div#post {
12
    border:1px solid grey;
13
    margin:5px;margin-bottom:15px;padding:8px;
14
    background-color:white;
15
}
16
div#header,div#footer {
17
    color:white;background-color:#444;margin-bottom:5px;
18
}
19
div#content {
20
    background-color:#ddd;
21
}
22
div#menu ul  {
23
    margin:0;padding:0;
24
}
25
div#menu ul li {
26
    display:inline; margin:5px;
27
}
28
</style>
29
</head>
30
<body>
31
32
<div id="header">
33
<h1>Monday Times</h1>
34
</div>
35
36
<div id="menu">
37
<ul>
38
  <li>News</li>
39
  <li>Sports</li>
40
  <li>Weather</li>
41
</ul>
42
</div>
43
44
<div id="content">
45
<h2>News Section</h2>
46
47
<div id="post">
48
<h2>News Article</h2>