| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- <style>
- h1 {
- text-align: center;
- }
- p.date {
- text-align: right;
- }
- p.main {
- text-align: justify;
- }
- a {
- text-decoration: none;
- }
- p.uppercase {
- text-transform: uppercase;
- }
- p.lowercase {
- text-transform: lowercase;
- }
- p.capitalize {
- text-transform: capitalize;
- }
- p.indent {
- text-indent: 20px;
- letter-spacing: 5px;
- line-height: 200%;
- word-spacing: 10px;
- white-space: nowrap;
- }
- </style>
- </head>
- <body>
- <h1>CSS text-align 实例</h1>
- <p class="date">2015 年 3 月 14 号</p>
- <p class="main">
- 当我年轻的时候，我梦想改变这个世界；当我成熟以后，我发现我不能够改变这个世界，我将目光缩短了些，决定只改变我的国家；当我进入暮年以后，我发现我不能够改变我们的国家，我的最后愿望仅仅是改变一下我的家庭，但是，这也不可能。当我现在躺在床上，行将就木时，我突然意识到：如果一开始我仅仅去改变我自己，然后，我可能改变我的家庭；在家人的帮助和鼓励下，我可能为国家做一些事情；然后，谁知道呢?我甚至可能改变这个世界。”</p>
- <p><b>注意：</b> 重置浏览器窗口大小查看 "justify" 是如何工作的。</p>
- <a href="">这是一个链接</a>
- <p class="uppercase">This is some text.</p>
- <p class="lowercase">This is some text.</p>
- <p class="capitalize">This is some text.</p>
- <p class="indent">In my younger and more vulnerable years my father gave me some advice that I've been turning over in
- my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in
- this world haven't had the advantages that you've had.'</p>
- </body>
- </html>
|
