How do you insert two style elements in the p tag


#1

this is my code for having two font sizes

<style>
  .red-text {
    color: red;
  }
  .font-size {
    font-size: 16px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="font-size">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

with this code i get two font sizes and that works; but i am unable to make the first p element red. if i just do it as was done in the previous exercise then i have two p elements for the " Kitty ipsum dolor sit amet, shed…one for the font and one for the red text the out put is two paras one in font and the other in color
so, how to proceed?
thank you every body


#2

Just change the class of your p elements like this:

First one should be like this
p class=“red-text”>…</p
Second p should be
p class=“font-size”>…</p


#3

You can use as many classes as you want. Just separate them by a space.

<p class="font-size red-text">...</p>