css - 你如何缩进 元素的*每一行*？

Question

我有以下 HTML block :

<span class='instruction_text'>
  Line 1<br>
  Line 2
</span>

instruction_text 的 CSS 声明是:

.instruction_text {
  margin-left: 70px;
  font-style: italic;
  color: #555;
}

第一行按预期有 70px 边距，但下一行开始时没有缩进。如何使所有行都缩进？

Answer 1

使用 block 级元素。 <div>默认是 block 级的，但添加了 CSS display:block给你的instruction_text类(class)应该会把你带到正确的方向。