CSS Class to <div> not working

I am try (and learning) how to define a class in CSS and call it from HTML - but no luck,

Here’s the code(s):

<!DOCTYPE html>
    <meta charset="utf-8" />
    <div class="dave">




CSS ...
.dave {
    font-size: 56px;
    text-transform: capitalize;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: red;

Chrome and Edge - current versions

Thanks for any help!

Where are you linking the CSS?

look at that

This is the solution for that error.

**<link rel=stylesheet type="text/css" href="style.css">**

you need to link your .css file to html.
hope it will help.