html块级元素默认左对齐，由浏览器默认样式决定；若失效，常见原因包括父容器text-align设置、内联样式覆盖、css框架干扰或废弃align属性误用。
HTML 标签默认就是左对齐的，不需要额外代码
绝大多数 HTML 块级元素（比如 <p></p>、<div>、<code><h1></h1>）在标准文档流中天然左对齐，这是浏览器默认样式决定的。你什么也不写，它就已经靠左了。
如果你发现某个标签没左对齐，大概率是以下原因：
- 父容器设置了
text-align: center或text-align: right - 该元素本身被加了
style="text-align: center"等内联样式 - 用了 CSS 框架（如 Bootstrap）的居中类（例如
text-center）影响了继承 - 用了
<center></center>（已废弃）或align属性（HTML4 遗留，不推荐）
想强制左对齐，用 text-align: left 最直接
适用于文本内容（文字、内联元素）的对齐控制，作用于块级容器内部：
<div style="text-align: left"> 这段文字和里面的 <span>标签</span> 都会左对齐 </div>
注意：
-
text-align只影响**子元素中的文本和内联内容**，不影响块级子元素自身的位置（比如<div> 不会因此左移） <li>如果要让一个块级元素（如 <code><div>）自己左移，得用 <code>margin: 0 auto的反操作（即不设居中），或配合display: inline-block+ 父容器text-align: left - 现代项目中更推荐用 Flexbox：
display: flex; justify-content: flex-start - CSS 方式（推荐）：
<td style="text-align: left">内容</td> - HTML 属性方式（兼容老浏览器，但语义弱）：
<td align="left">内容</td>—— 注意这个align属性在 HTML5 中已过时，W3C 不再推荐 - 元素设置了
float: right或position: absolute并指定了right值，此时text-align无效 - 用了
display: grid或flex，对齐由容器的justify-content/text-align共同决定，优先级需留意 - 某些编辑器或 CMS 自动生成了
style属性覆盖了你的设置，用浏览器开发者工具看“计算样式”最准
表格单元格左对齐用 text-align: left 或 align="left"
表格内的文字对齐常用两种方式：
别混淆：<table align="left"> 是让整个表格浮动左，不是单元格内容对齐，容易引发布局错乱，慎用。
<h3>遇到“左对齐失效”，先检查继承和盒模型</h3>
<p>常见失效场景和排查点：</p>
<ul>
<li>父元素有 <code>direction: rtl（右到左书写方向），会反转对齐逻辑 —— 检查是否误加了该样式
真正需要干预的时候很少，多数情况是误删了默认左对齐，或无意中加了干扰样式。动手前先打开 DevTools 看一眼 computed text-align 值，比猜快得多。
