How to Use CSS to style the <q> element

See the Example.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
<style>
q { color: gray; font-style: italic;
}
</style>
</head>
<body>
<h1>The q element + CSS</h1>
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
</body>
</html>

Output should be:

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