<p class="up">Я просто текст, нічого незвичного</p>
<p class="low">Я просто текст, нічого незвичного</p>
<p class="cap">Я просто текст, нічого незвичного</p>
body {
	font-size: 18px;
	font-family: sans-serif;
	line-height: 1.45;
}

p {
	background-color: #f1f1f1;
	padding: 8px;
}

p.low {
	text-transform: lowercase;
}

p.up {
	text-transform: uppercase;
}

p.cap {
	text-transform: capitalize;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.