带有白色文本的CSS灰色框

我是HTML新手，正在为班级做一个项目。以下是我所做的：

<font style="background-color: grey; color: white; display: block">Black and white copies $.10 per page letter/legal size</font>

 Color copies $.99 per page letter/legal size<br>

<font style="background-color: grey; color: white; display: block">Transparencies $1.98 per page full color</font>

Transparencies $.61 per page black and white<br>

黑白副本，每页0.10美元/法定尺寸
彩色复印件每页0.99美元/法定尺寸

全彩色透明胶片每页1.98美元
透明胶片每页0.61美元黑白

它在浏览器中测试正常，但当我去验证文件时，WC3 Validator会给我一条错误消息：“第33行和第37行，第71列：字体元素已过时。请改用CSS。”

如何将灰盒/反转文本写入CSS页面

谢谢你的帮助！

---

Greg

使用块标记替换字体标记-使用

并删除

display:block

，因为它变为usless

使用未过时的元素。如果您将

font

替换为

span

，同样的标记也可以正常工作，例如.ACJ-立即验证，非常感谢