h3.y6 { float: left; font-size: 350%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 4px 0 0px -1px; font-weight: 0; color: #FF0000; }
p.tag a { font-size: 85%; text-align: center; color: #FF3300; }
p.tag a:hover { background: #FFFF66; }
</style>
</head>
<body>
<br />
<h3 class="reflect_1">KINDEK INC</h3>
<h3 class="reflect_2">KINDEK INC</h3>
<h3 class="line_drop">Web Design Rockstarz</h3>
<h3 class="elegant">The chapple De La Ross Johnson</h3>
<h3 class="handwriting">Don't forget to turn off the lights when you leave!</h3>
<h3 class="handwriting2">Don't forget to turn off the lights when you leave!</h3>
<h3 class="handwriting3">Don't forget to turn off the lights when you leave!</h3>
<h3 class="capital">C<span>aptivating, </span>C<span>reative</span></h3>
<h3 class="capital">L<span>ogan's </span>L<span>itigation</span></h3>
<h3 class="capital">Z<span>efer </span>Z<span>oo</span></h3>
<h3 class="capital">B<span>est </span>B<span>uilding</span></h3>
<p class="letters">Potential use for magazine style typography
Close line height and letter spacing,
almost connected lines...</p>
<p class="letters2">Potential use for magazine style typography
Close line height and letter spacing,
almost connected lines...</p>
<p class="letters3">Potential use for magazine style typography
Close line height and letter spacing,
almost connected lines...</p>
<h3 class="newspaper"><span>Webdesign</span> Times</h3>
<h3 class="newspaper2">Webdesign Times</h3>
<h3 class="funky">Fun<strong><em>k</em></strong>y <br /><span> We<em>b<strong>d</strong></em>esign!</span></h3>
<h3 class="el">SATURDAY MARCH 19TH 2046</h3>
<h3 class="num_blend">Rock<span>5</span>tar and a De<span>51</span>gner</h3>
<h3 class="scaps">More Typerighter Style, less cluttered.</h3>
<h3 class="gr">Gray's</h3><h3 class="gr2"> Anatomy</h3>
<br style="clear: both;" />
<h3 class="g">G</h3><h3 class="o1">o</h3><h3 class="o2">o</h3><h3 class="lg">g</h3><h3 class="l">l</h3><h3 class="e">e</h3>
<br style="clear: both;" />
<div class="gray">
<h3 class="gray2">Gray's Anatomy</h3>
</div>
<br style="clear: both;" />
<h3 class="fed">Fed<span>Ex</span></h3>
<h3 class="y1">Y</h3><h3 class="y2">A</h3><h3 class="y3">H</h3><h3 class="y4">O</h3><h3 class="y5">O</h3><h3 class="y6">!</h3>
<br style="clear: both;" />
<p class="tag"><a href="http://www.qidian55.com">Typography Examples by Ross Johnson - www.52css.com</a></p>
</html>
IT产品库 http://www.qidian55.com，CSS高级文字排版的实例代码