span text-transform: lowercase;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'> <head> <title>text-transform</title> <style type='text/css'> body { font: 14px sans-serif; } p { padding: 5px 25px; background: mistyrose; border: 1px solid orange; } span.lower { text-transform: lowercase; } span.upper { text-transform: uppercase; } span.capitalize { text-transform: capitalize; } span.example { background: pink; } </style> </head> <body> <h4>Manipulating Case With the text-transform Property</h4> <p> <span class='lower example'>UPPERCASE TEXT LOWERCASE</span> <span class='upper example'>lowercase text uppercase</span> <span class='capitalize example'>capitalize every word in a sentence</span>. </p> </body> </html>