html - 使 HTML 文本有 2 种颜色而不换行

Question

我正在尝试创建包含两种颜色(黄色和白色)的 HTML 文本，而在切换颜色时不创建新行。我曾尝试这样做:

<p style="color:fc0;background-color:404040">Text Color Yellow <style="color:fff">Text Color White</p>

它不起作用，因为在 style 元素之前没有 p 来更改颜色。
我的另一种方法是制作两条线，但是两条灰色线之间有一个空白条:

<p style="color:fc0;background-color:404040">Text Color Yellow</p> 
<p style="color:fff;background-color:404040">Text Color White</p>

这个问题有解决办法吗？

Answer 1

将白色文本包裹在 span 中。然后将其颜色属性设置为白色。这将起作用:

<p style="color:#fc0000;background-color:#404040">Text Color Yellow <span style="color:#ffffff">Text Color White</span></p>

注意:颜色代码中还缺少 # 符号。