text-align: right 是唯一可靠、现代且兼容的写法，align="right" 已被 HTML5 废弃，W3C 验证报错，Chrome/Firefox 渲染不一致；该属性仅对块级元素（如 p、div）生效，对 span 等行内元素无效，除非显式设 display: block。
text-align: right 是唯一可靠、现代且兼容的写法，别用 align="right" —— 它在 HTML5 中已被废弃，W3C 验证器报错，Chrome 和 Firefox 新版本已不保证渲染一致。
为什么不能用 <p align="right"></p>
这个写法看着快，但本质是过时的 HTML 属性。浏览器解析时优先级混乱：当它和 CSS 的 text-align 冲突，结果不可预测；Firefox 会直接忽略，Chrome 可能保留但不推荐。公文落款这类需要稳定排版的场景，绝对不能赌兼容性。
text-align: right 必须作用在块级容器上
text-align 只对块级元素（如 <p></p>、<div>、<code><h3></h3>）生效，对 <span></span> 这类行内元素无效——除非你显式加 display: block。
- ✅ 正确：
<p style="text-align: right">XX单位</p> - ✅ 正确：
<div style="text-align: right">2026年8月4日</div> - ❌ 错误：
<span style="text-align: right">日期</span>（默认不生效） - ⚠️ 慎用：
<span style="display: block; text-align: right">日期</span>（语义不清，不如直接用<p></p>）
公文落款常见结构与代码组合
不加盖印章的公文，要求“发文机关署名”右空二字、“成文日期”再下一行、也右空二字（若日期更长，则整体右对齐并保持右空两字）。实际只需两个独立块：
<p style="text-align: right; margin-right: 2em;">XX市人民政府</p> <p style="text-align: right; margin-right: 2em;">2026年8月4日</p>
注意：margin-right: 2em 模拟“右空二字”，比用全角空格更可控；em 单位随字体缩放，比 px 更适配响应式。
立即学习“前端免费学习笔记（深入）”；
小屏下文字被截断怎么办
手机端右对齐文字容易贴边消失，尤其长单位名或带括号的日期。必须加防护：
- 强制单行不换：
white-space: nowrap - 防溢出隐藏：
overflow: hidden（配合text-overflow: ellipsis可选） - 避免用
float: right——它会让元素脱离文档流，后续段落可能上浮覆盖落款
完整示例：<p style="text-align: right; margin-right: 2em; white-space: nowrap; overflow: hidden">XX市发展和改革委员会</p>
@font-face 固定中文字体，并测试不同系统下的渲染差异。
