How do I style a specific word with CSS in an HTML element?

Question

How do I style a specific word within <p> tags? EX: STUDIO X is the best studio ever.

^^How do I, using css, make "STUDIO X" a different font than "is the best studio ever?"

Answer 1

You should do this:

p {
  font-size: 12px;
}

span {
  font-size: 16px;
  font-weight: bold;
}

<p>
  <span>STUDIO X</span> is the best studio ever
</p>

I recommend you to define a specific class for <p> and <span> tags, it will prevent unexpected overwrites.

Answer 2

You can wrap it with a span tag

<p><span class="best_studio">STUDIO X</span> is the best studio ever.</p>

and use CSS to define the style

.best_studio {
  font-family: Arial,
  font-size: 22px
}