HTML 左对齐文本

在 HTML 中，文本默认为左对齐的。然而，有时你可能需要更细粒度地控制文本的对齐方式，例如让一段文字居中或者右对齐。

使用 text-align 属性

要左对齐文本，可以使用 CSS 的 text-align 属性。该属性有如下取值：

• left：左对齐（默认值）。
• center：居中对齐。
• right：右对齐。

HTML 示例代码：

<div style="text-align: left">
  <h1>左对齐文本</h1>
  <p>这是一段左对齐的段落文本。</p>
</div>

Markdown 示例代码：

```html
<div style="text-align: left">
  <h1>左对齐文本</h1>
  <p>这是一段左对齐的段落文本。</p>
</div>

## 使用 float 属性

除了使用 `text-align` 属性外，还可以使用 `float` 属性来控制文本的对齐方式。当一个元素浮动到左侧或右侧时，它的文本也会相应地左对齐或右对齐。

HTML 示例代码：

```html
<div style="float: left">
  <h1>左对齐文本</h1>
  <p>这是一段左对齐的段落文本。</p>
</div>

Markdown 示例代码：

```html
<div style="float: left">
  <h1>左对齐文本</h1>
  <p>这是一段左对齐的段落文本。</p>
</div>

## 总结

以上介绍了两种在 HTML 中实现左对齐文本的方法。

- 使用 `text-align` 属性可以快速简单地将元素中的文本左对齐、居中或右对齐。
- 使用 `float` 属性可以将元素整个左对齐或右对齐，不过需要考虑其对布局的影响。

使用哪种方法取决于具体需求和实现方式，可以视情况选择。