嘿，我懂你的需求啦！其实这个问题很容易解决，你之前踩的坑是没搞清楚HTML元素的布局特性～

你之前用两个<h1>标签导致换行，是因为<h1>属于块级元素，这类元素默认会独占一整行，所以两个<h1>自然会分成两行显示。要实现同一行内不同颜色的文本，我们只需要用一个<h1>包裹所有内容，再用<span>标签来给需要变色的部分单独设置样式就行——<span>是行内元素，不会换行，专门用来做局部内容的样式修改。

给你举个最直接的例子：

<h1>Welcome to <span style="color: green;">SuperCool</span> Project</h1>

这里“SuperCool”会变成绿色，其余的“Welcome to”和“Project”保持<h1>默认的黑色，而且所有内容都在同一行里。

如果以后你需要给更多内容加相同的高亮样式，或者想统一修改颜色，推荐用CSS类来写，这样更易维护：

<style>
  .project-highlight {
    color: green;
  }
</style>

<h1>Welcome to <span class="project-highlight">SuperCool</span> Project</h1>

这样只要修改.project-highlight里的color值，所有用到这个类的内容都会同步变化，比一个个改内联样式方便多啦。

是不是很简单？其实HTML里这类基础的行内样式控制，用<span>就足够搞定大部分场景了～

备注：内容来源于stack exchange，提问作者liamkowelsc1