How to Use CSS to define smaller text

See the Example.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
<style>
span.small {
  font-size: smaller;
}
</style>
</head>
<body>

<h1>Use CSS to define smaller text</h1>

<p>This is some normal text.</p>
<p><span class="small">This is some smaller text.</span></p>

</body>
</html>

Output should be:

Type:	html
Category:	Web Tutorial
Sub Category:	HTML Tag
Uploaded by:	Admin