先看看源代码，特别是下面几行CSS样式，
<style type="text/css">
.tnt
{
writing-mode: tb-rl;
text-align: left;
font-size: 9pt;
}
</style>
源代码，
<html>
<head>
<title>竖排文字</title>
<style type="text/css">
.tnt
{
writing-mode: tb-rl;
text-align: left;
font-size: 9pt;
}
</style>
</head>
<body>
<div class="tnt">
***读书的故事 为中华之崛起而读书
<br />
***在沈阳读书的时候，只是个十二三岁的少年。他学习非常勤奋、刻苦，常常和老师同学一起讨论自己在阅读书报时思考的问题。当时他们讨论得最多的是怎样救国和宣传救亡的问题。
<br />
***在课堂上认真听讲，认真完成课外作业，尊敬老师，团结同学，有礼貌，守纪律。他特别注意课外阅读，*弥补课堂上学习的不足。他所读的书报，范围也比较广泛，除了社会科学的书籍外，自然科学和军事科学的书籍也是他喜爱的读物。他还能把几本书的内容对照起*阅读，加以比较，探求最科学的内容和答案。
<br />
有一天，东关模范高等学堂的魏校长把同学们召集起*，问大家：“读书为了什么？” 有的同学说：“为了给自己将*找条出路。” 有的同学说：“为了能发财致富。”
<br />
还有个同学说：“为了帮助父母记帐。”原*他的父亲是个商人。 魏校长问***：“你呢，为什么读书？”
<br />
***站起*，大声地说：“为中华之崛起而读书。”就是说为了中华民族的强大兴盛，像巨人一样挺立在世界而读书学习。 老师和同学们都敬佩地望着他。
<br />
***在小学三年，学习成绩始终名列前茅，他的作文曾经被选送到省里，作为小学生的模范作文印行，这篇题目为《东关模范学校第二*年感言》的文章，后*还收入上海进步书局出版的《学校国文成绩》和上海大东书局出版的《中学国文成绩精集》这两本书里。这篇九百多字的文章写得非常精采，其中对于老师、同学充满着热情的希望，希望师生一道以担负“国家将*艰巨之责任”。这对一个13岁的孩子*说是非常难能可贵的。
<br />
***中学毕业以后，赴日本留学前，曾经回到沈阳母校，看望诸位师友。他给一个要好的同学写了临别赠言：“志在四方”，“愿相会中华腾飞世界时”。相约当中华民族独立、繁荣的时刻再相见言欢。这位同学一直把这个题字珍藏了40年，1957年，又送给***总理，两位老同学终于在解放了的新中国重逢，畅谈了祖国天翻地覆的变化。
<br />
为中华崛起而读书，是***毕生的目标，唯是如此，***才受到万民的景仰，几成为一个完美的化身。</div>
</body>
</html>
<head>
<title>竖排文字</title>
<style type="text/css">
.tnt
{
writing-mode: tb-rl;
text-align: left;
font-size: 9pt;
}
</style>
</head>
<body>
<div class="tnt">
***读书的故事 为中华之崛起而读书
<br />
***在沈阳读书的时候，只是个十二三岁的少年。他学习非常勤奋、刻苦，常常和老师同学一起讨论自己在阅读书报时思考的问题。当时他们讨论得最多的是怎样救国和宣传救亡的问题。
<br />
***在课堂上认真听讲，认真完成课外作业，尊敬老师，团结同学，有礼貌，守纪律。他特别注意课外阅读，*弥补课堂上学习的不足。他所读的书报，范围也比较广泛，除了社会科学的书籍外，自然科学和军事科学的书籍也是他喜爱的读物。他还能把几本书的内容对照起*阅读，加以比较，探求最科学的内容和答案。
<br />
有一天，东关模范高等学堂的魏校长把同学们召集起*，问大家：“读书为了什么？” 有的同学说：“为了给自己将*找条出路。” 有的同学说：“为了能发财致富。”
<br />
还有个同学说：“为了帮助父母记帐。”原*他的父亲是个商人。 魏校长问***：“你呢，为什么读书？”
<br />
***站起*，大声地说：“为中华之崛起而读书。”就是说为了中华民族的强大兴盛，像巨人一样挺立在世界而读书学习。 老师和同学们都敬佩地望着他。
<br />
***在小学三年，学习成绩始终名列前茅，他的作文曾经被选送到省里，作为小学生的模范作文印行，这篇题目为《东关模范学校第二*年感言》的文章，后*还收入上海进步书局出版的《学校国文成绩》和上海大东书局出版的《中学国文成绩精集》这两本书里。这篇九百多字的文章写得非常精采，其中对于老师、同学充满着热情的希望，希望师生一道以担负“国家将*艰巨之责任”。这对一个13岁的孩子*说是非常难能可贵的。
<br />
***中学毕业以后，赴日本留学前，曾经回到沈阳母校，看望诸位师友。他给一个要好的同学写了临别赠言：“志在四方”，“愿相会中华腾飞世界时”。相约当中华民族独立、繁荣的时刻再相见言欢。这位同学一直把这个题字珍藏了40年，1957年，又送给***总理，两位老同学终于在解放了的新中国重逢，畅谈了祖国天翻地覆的变化。
<br />
为中华崛起而读书，是***毕生的目标，唯是如此，***才受到万民的景仰，几成为一个完美的化身。</div>
</body>
</html>
查看效果：
***读书的故事 为中华之崛起而读书
***在沈阳读书的时候，只是个十二三岁的少年。他学习非常勤奋、刻苦，常常和老师同学一起讨论自己在阅读书报时思考的问题。当时他们讨论得最多的是怎样救国和宣传救亡的问题。
***在课堂上认真听讲，认真完成课外作业，尊敬老师，团结同学，有礼貌，守纪律。他特别注意课外阅读，*弥补课堂上学习的不足。他所读的书报，范围也比较广泛，除了社会科学的书籍外，自然科学和军事科学的书籍也是他喜爱的读物。他还能把几本书的内容对照起*阅读，加以比较，探求最科学的内容和答案。
有一天，东关模范高等学堂的魏校长把同学们召集起*，问大家：“读书为了什么？” 有的同学说：“为了给自己将*找条出路。” 有的同学说：“为了能发财致富。”
还有个同学说：“为了帮助父母记帐。”原*他的父亲是个商人。 魏校长问***：“你呢，为什么读书？”
***站起*，大声地说：“为中华之崛起而读书。”就是说为了中华民族的强大兴盛，像巨人一样挺立在世界而读书学习。 老师和同学们都敬佩地望着他。
***在小学三年，学习成绩始终名列前茅，他的作文曾经被选送到省里，作为小学生的模范作文印行，这篇题目为《东关模范学校第二*年感言》的文章，后*还收入上海进步书局出版的《学校国文成绩》和上海大东书局出版的《中学国文成绩精集》这两本书里。这篇九百多字的文章写得非常精采，其中对于老师、同学充满着热情的希望，希望师生一道以担负“国家将*艰巨之责任”。这对一个13岁的孩子*说是非常难能可贵的。
***中学毕业以后，赴日本留学前，曾经回到沈阳母校，看望诸位师友。他给一个要好的同学写了临别赠言：“志在四方”，“愿相会中华腾飞世界时”。相约当中华民族独立、繁荣的时刻再相见言欢。这位同学一直把这个题字珍藏了40年，1957年，又送给***总理，两位老同学终于在解放了的新中国重逢，畅谈了祖国天翻地覆的变化。
为中华崛起而读书，是***毕生的目标，唯是如此，***才受到万民的景仰，几成为一个完美的化身。
***在沈阳读书的时候，只是个十二三岁的少年。他学习非常勤奋、刻苦，常常和老师同学一起讨论自己在阅读书报时思考的问题。当时他们讨论得最多的是怎样救国和宣传救亡的问题。
***在课堂上认真听讲，认真完成课外作业，尊敬老师，团结同学，有礼貌，守纪律。他特别注意课外阅读，*弥补课堂上学习的不足。他所读的书报，范围也比较广泛，除了社会科学的书籍外，自然科学和军事科学的书籍也是他喜爱的读物。他还能把几本书的内容对照起*阅读，加以比较，探求最科学的内容和答案。
有一天，东关模范高等学堂的魏校长把同学们召集起*，问大家：“读书为了什么？” 有的同学说：“为了给自己将*找条出路。” 有的同学说：“为了能发财致富。”
还有个同学说：“为了帮助父母记帐。”原*他的父亲是个商人。 魏校长问***：“你呢，为什么读书？”
***站起*，大声地说：“为中华之崛起而读书。”就是说为了中华民族的强大兴盛，像巨人一样挺立在世界而读书学习。 老师和同学们都敬佩地望着他。
***在小学三年，学习成绩始终名列前茅，他的作文曾经被选送到省里，作为小学生的模范作文印行，这篇题目为《东关模范学校第二*年感言》的文章，后*还收入上海进步书局出版的《学校国文成绩》和上海大东书局出版的《中学国文成绩精集》这两本书里。这篇九百多字的文章写得非常精采，其中对于老师、同学充满着热情的希望，希望师生一道以担负“国家将*艰巨之责任”。这对一个13岁的孩子*说是非常难能可贵的。
***中学毕业以后，赴日本留学前，曾经回到沈阳母校，看望诸位师友。他给一个要好的同学写了临别赠言：“志在四方”，“愿相会中华腾飞世界时”。相约当中华民族独立、繁荣的时刻再相见言欢。这位同学一直把这个题字珍藏了40年，1957年，又送给***总理，两位老同学终于在解放了的新中国重逢，畅谈了祖国天翻地覆的变化。
为中华崛起而读书，是***毕生的目标，唯是如此，***才受到万民的景仰，几成为一个完美的化身。