<head>
<meta charset="UTF-8">
<title>练习四</title>
<style type="text/css">
.p11{
width: 400px;
white-space: pre;
color: #000000;
}
.box-p11{
white-space: nowrap;
color: #000000;
}
.box-p12{
width: 600px;
white-space: pre-wrap;
color: #000000;
}
.box-p13{
white-space: nowrap;
color: #000000;
}
.box-p14{
color: #000000;
}
.box-p15{
white-space: nowrap;
color: #000000;
color: rgb(0,0,0,0.3);
}
.box-p12{
text-align: right;
width: 1000px;
}
.box-p13{
text-align: left;
}
.box-p14{
text-align: center;
}
.box-p16{
text-align: right;
color: #000000;
}
.p12 span{
font-size: 35px;
vertical-align: bottom;
color: #000000;
background: darkturquoise;
}
.p12{
color: #000000;
}
.p13{
text-indent: 2em;
color: #000000;
}
.p14{
letter-spacing: 10px;
color: #000000;
}
.p15{
background: lightblue;
overflow: hidden;
white-space: nowrap;
color: #FF0000;
font-size: 20px;
}
.p16{
letter-spacing: 10px;
color: #000000;
}
.p17{
text-transform: capitalize;
color: #000000;
}
.p18{
text-transform: uppercase;
color: #000000;
}
.p19{
text-transform: lowercase;
color: #000000;
}
</style>
</head>
<body>
<p class="box-p11">
这是一段很长很长的文字drection：ltr
</p>
<p class="box-p12">
这是一段很长很长的文字drection：ltr
</p>
<p class="box-p13">
这是一段很长很长的文字text-align：left
</p>
<p class="box-p14">
这是一段很长很长的文字text-align：cnter
</p>
<p class="box-p16">
这是一段很长很长的文字text-align：right
</p>
<p class="p12">
这是一段很长很长的<span>文字</span>
</p>
<p class="p13">
这是一段很长很长的文字
</p>
<p class="p14">
这是一段很长很长的文字letter-spacing：10px;
</p>
<p class="p15">
这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字
</p>
<p class="p16">
这是 一段 很长很长 的 文字letter-spacing： 10px
</p>
<p class="p17">
it is never too old to leam
</p>
<p class="p18">
it is never too old to leam
</p>
<p class="p19">
it is never too old to leam
</p>
</body>
</html>
