How to apply different colors in the same word? (in HTML5)

Question

The answer may be this:
<font color="__">a</font>bc

But in HTML5 many tags and attributes are depreciated, including <font>, and we should use CSS3 instead(inside "style" attribute or tag).
Well, if we write:
<div style="color:__"> a</div>bc

"a" and "bc" will no longer be in the same line, they will be separated

So how to keep them "connected" with coloring the first letter, without using deprecated tags?

Answer 1

Mirielle
That is a great method!
Thank you for your answer and code.

Answer 2

I don't really get your question but try this
<style>
body{color:red;}
</style>

Answer 3

<div><span>H</span>ello</div>