Html 为什么文本对齐格式仅应用于标记中的第一行

在下面的html/css代码中，我试图使用

文本缩进

通过

.code框

类将相同的文本缩进应用于

标记中的多行。但是，只有第1行（“代码行1”）成功地应用了文本缩进

为什么?？我该如何解决这个问题

.密码箱{
背景色：#f1f1；
文本缩进：50px；
文本对齐：左对齐；
}
一些大标题
下面有一些文字解释代码


代码行1


代码行2-为什么这个文本不像代码行1那样缩进


代码行3-相同的问题

文本缩进

只影响段落的第一行，如果您需要对所有行进行缩进，为什么不尝试使用

填充

.密码箱{
背景色：#f1f1；
/*使用填充代替文本缩进*/
填充内联开始：50px；
文本对齐：左对齐；
}
一些大标题
下面有一些文字解释代码


代码行1


代码行2-为什么这个文本不像代码行1那样缩进


代码行3-相同的问题

文本缩进

只影响段落的第一行，如果您需要对所有行进行缩进，为什么不尝试使用

填充

.密码箱{
背景色：#f1f1；
/*使用填充代替文本缩进*/
填充内联开始：50px；
文本对齐：左对齐；
}
一些大标题
下面有一些文字解释代码


代码行1


代码行2-为什么这个文本不像代码行1那样缩进


代码行3-相同的问题

您看到的是

文本缩进

，而不是

文本对齐

。您实际上看到了两者，但text indent属性指定了文本块中第一行的缩进。使用填充。您看到的是

文本缩进

，而不是

文本对齐

。您实际上看到的是两者，但text indent属性指定了文本块中第一行的缩进。使用填充物。