面临文本缩进第二行和更多行的问题

Question

我在 .js 文件中使用 HTML 代码，如下所示：

$("#lineItemReview").append("<p style=\"text-indent : 3em; line-height: 1.0;\">SO: " + $("#inputOrderNumber" + i).val() + "</p>");
    
$("#lineItemReview").append("<p style=\"text-indent : 3em; line-height: 1.0;\">PO: " + $("#inputPurchaseOrderNum" + i).val()+"</p>");

并且这些信息打印在具有特定宽度和高度的弹出对话框中。

当文本变长时我面临问题意味着当相同的文本出现在下一行时，它不遵循上面代码中已经指定的文本缩进样式。

例如：

它是这样来的：

但是，我想要这样：

Answer 1

尝试改用边距/填充。

$("#lineItemReview").append("<p style=\"margin-left: 3em; line-height: 1.0;\">SO: " + $("#inputOrderNumber" + i).val() + "</p>");
    
$("#lineItemReview").append("<p style=\"margin-left: 3em; line-height: 1.0;\">PO: " + $("#inputPurchaseOrderNum" + i).val()+"</p>");