How to have different size text on the same line

[davidhelp]

How to have different size text on the same line and have the 2 words butt up next to each other with different colors as this example: BustedComputer

Question:
How can this be done with out using a span tag as when you shrink the width of the browser window or view on a cell phone the title BustComputer will break but at one letter at a time to the next line if not for the media query shrinking the text. I think it would be better to have a larger text with the whole word Computer going to the next line if the width was not wide enough on the cell phone to accommodate both words on the same line.
You can remove the media query to see the effect as you shrink the width of the browser or view on a cell phone.

See the link below for what I have done. I think there has to be a better way!

http://davidswebsite.com/webhelp/differ ... _line.html

HTMLPad 2022

[davidhelp]

See link and the code. I have modified it completely. I no longer use the span tag.