<!DOCTYPE html>
<html>
<head>
<title>CSS text-transform property</title>
<style>
p {
font-family: sans-serif;
font-size: 18px;
padding: 10px;
}
p.one {
text-transform: capitalize;
}
p.two {
text-transform: lowercase;
}
p.three {
text-transform: uppercase;
}
</style>
</head>
<body>
<p class="one">This text transform to capitalize</p>
<p class="two">This text transform to lowercase</p>
<p class="three">This text transform to uppercase</p>
</body>
</html>
