Cómo agregar una clase a un párrafo en CSS

<!--This text will teach u to add inline and internal CSS -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>


    <!-- internal css -->
    <style>
        p.example
         {color:khaki ;}
    </style>
    <!-- internal css -->


</head>
<body>

    <h3>Helllooooo</h3>


    <!-- inline css -->
    <span style = "color:mistyrose; background-color: coral;"> Text shown in mistyrose and with a coral background</span>
    <!-- inline css -->


    <!-- internal css implementation -->
    <p class = "example"> This text is in color</p>
    <!-- internal css implementation -->
    
</body>
</html>

<!-- Refer line 27 to get a understanding of using inline CSS  -->

<!-- So for internal css you have to first make a class and
then add that class in your style tag so that it knows which 3
paragraph or span or whatever tag to act upon -->

<!-- The way to make a class in paragraph or whatever is before 
the closing angular bracket u should add class = "your_classname" followed by
closing angular bracket -->

<!-- and in the style block you have to add it using a period (period = .)
followed by your class name -->

<!-- Refer lines 14 and 32 for internal CSS -->

<!-- -->
WinReck