HTML 文本距离控制方法： margin、padding、line-height 和 text-indent

在 HTML 中，可以使用 CSS 来控制文本的距离。以下是几种常见的方法：

使用 'margin' 属性：可以通过设置元素的 'margin' 属性来控制文本的距离。例如，可以使用 'margin-top'、'margin-bottom'、'margin-left' 和 'margin-right' 属性来分别设置文本的上方、下方、左侧和右侧的距离。

p {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-right: 40px;
}

使用 'padding' 属性：可以通过设置元素的 'padding' 属性来控制文本与元素边框之间的距离。例如，可以使用 'padding-top'、'padding-bottom'、'padding-left' 和 'padding-right' 属性来分别设置文本与元素上方、下方、左侧和右侧的距离。

p {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
}

使用 'line-height' 属性：可以通过设置元素的 'line-height' 属性来控制文本行与行之间的距离。例如，可以设置 'line-height' 属性的值为一个大于 1 的数值来增加行间距。

p {
  line-height: 1.5;
}

使用 'text-indent' 属性：可以通过设置元素的 'text-indent' 属性来控制文本首行缩进的距离。例如，可以设置 'text-indent' 属性的值为一个正数来增加首行缩进。

p {
  text-indent: 20px;
}

以上这些方法可以单独使用，也可以结合使用来实现更复杂的文本排版效果。