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

我在.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>");

$（“#lineItemReview”）.append（“
SO:“+$（“#inputOrderNumber”+i）.val（）+”
”；
$（“#lineItemReview”）.append（“
PO:“++$（“#inputPurchaseOrderNum”+i）.val（）+”
”；

这些信息以特定的宽度和高度打印在弹出对话框中

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

例如：

它是这样来的：

但是，我想要这样：

---

尝试使用边距/填充

$("#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>");

$（“#lineItemReview”）.append（
SO:“+$（“#inputOrderNumber”+i.val（）+”
”；
$（“#lineItemReview”）.append（“
PO:“+$（“#inputPurchaseOrderNum”+i）.val（）+”
”；

谢谢你。这真的很有效。谢谢你，伙计