<p><strong>text-transform: lowercase;</strong></p>
<p class="lowercase">THIS WILL BE TRANSFORMED TO LOWERCASE.</p>
<hr>
<p><strong>text-transform: uppercase;</strong></p>
<p class="uppercase">this will be transformed to uppercase.</p>
<hr>
<p><strong>text-transform: capitalize; </strong></p>
<p class="capitalize">This will be transformed to capitalize all words, including both parts of this hyphenated word: double-parked.</p>
<p class="capitalize">"These words are in 'quotes'."</p>
<p class="capitalize">This text includes a date: February 4th, 2015.</p>
<p class="capitalize">This text includes an acronym: CSS.</p>

.lowercase {text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }



hr { margin: 2.5em 0; }