内容基于html标签结构。
h5标签：
诗标题用h1，分割线hr，文字p，斜体i，下划线u，删除线del。
特殊符号：
版权标识 ©。
排版用css实现（行内样式很麻烦而且难改，不建议）。
css属性：文字位置（中左右）text-align，宽度width（用了占屏幕百分比），高度height（用了具体像素px值），颜色color，背景background（直接给分割线设置了背景灰色免得变矩形）。
css选择器：前面没有符号的是标签，有.是class，有#是id。
进一步内容可以查询有关概念或改动编码看其变化。
<!DOCTYPE html>
<html>
<head>
<title>山居秋暝</title>
<style type="text/css">
h1 {text-align:centercolor:red}
hr {width:50%height:3pxtext-align:centerbackground:grey}
footer {text-align:center}
.bluepoem {color:blue}
#author {text-align:right}
</style>
</head>
<body>
<header>
<h1>山居秋暝</h1>
<hr />
<p id="author"><i>唐 王维</i></p>
</header>
<div>
<p class="bluepoem">空山新雨后，天气晚来秋。</p>
<br />
<p><u>明月松间照，清泉石上流。</u></p>
<br />
<p class="bluepoem">竹喧归浣女，莲动下渔舟。</p>
<br />
<p><del>随意春芳歇，王孙自可留。</del></p>
</div>
<footer>
©版权所有 <网页设计与制作>
</footer>
</body>
</html>
在每句话后面加上<br>，为强制换行白黄欲更<br>
日河穷上<br>
依入千一<br>
山海里层<br>
尽流目楼<br>
此为原始的笨办法，还有办法如下：
样式表（CSS）法
样式表的文字处理属性中有两个重要的属性：writing-mode和text-align。让我们先看看它们的用法：
1. writing-mode（设置对象书写方向）
语法：writing-mode : lr-tb、tb-rl
参数：lr-tb：从左向右，从上往下 tb-rl：从上往下，从右向左
示例：div { writing-mode: tb-rl}
2. text-align（设置对象中文本的对齐方式）
语法：text-align : left、right、center、justify
参数：left：左对齐 right：右对齐 center：居中 justify：两端对齐
示例：div { text-align : center}
接下来让我们来制作一个紧排的实例：
<html >
<head >
<title >竖排文字</title >
<style type="text/css" >
<!--
.tnt {Writing-mode:tb-rlText-align:leftfont-size:9pt}
-- >
</style >
</head >
<body >
<div class="tnt" >
确实，在表现文字的竖排在文字处理办公软件中非常容易就可以实现。由于这种效果在网页制作中并不多见，所以这个问题的讨论比较少。但是在制作具有中国古代特色的网站，如文字历史、书法、名胜古迹旅游等等网站时，如果用上竖排的文字，配以古色古香的背景及朴实陈旧的色彩，在视觉上会获得意想不到的效果。
</div >
</body >
</html >
(实例自己实践吧)
看了实例与示例，我们可以知道为文字赋予了“writing-mode”的属性值为“tb-rl”，文字就“从上往下”排，赋予了“text-align”的属性值为“left”，文字就“从右向左”排。总之加入了<div >……</div >里的内容都会按定义的排列方式排列。
最后一点要说明的是“writing-mode”目前只有IE浏览器支持，Nestscape浏览器不支持！
