<html lang="en">
 <head>
  <style>
   <!--
.upper         { text-transform: uppercase;font-weight:bold; }
.lower         { text-transform: lowercase;font-weight:bold; }
.cap           { text-transform: capitalize;font-weight:bold; }
   -->
  </style>
  <title>Test Language and CSS</title>
 </head>
 <body>
<p>Original = This text should be all uppercased.<br>
Transformed = <span class="upper">This text should be all uppercased.</span></p>
<p>Original = THIS TEXT SHOULD BE ALL LOWERCASED.<br>
Transformed = <span class="lower">THIS TEXT SHOULD BE ALL LOWERCASED.</span></p>
<p>Original 1 = tHIS tEXT sHOULD bE cAPITALIZED.<br>
Transformed = <span class="cap">tHIS tEXT sHOULD bE cAPITALIZED.</span><br>
Original 2 = this text should be capitalized.<br>
Transformed = <span class="cap">this text should be capitalized.</span>
</p>
<p lang="de">[de] Original =  (sharp-s),  (o-diaeresis)<br>
Transformed = <span class="upper"> (sharp-s),  (o-diaeresis)</span></p>
<p lang="tr">[tr] Original = i (i-with-dot)<br>
Transformed = <span class="upper">i (i-with-dot)</span></p>
 </body>
</html>
