Столкнувшись с проблемой текстового отступа второй и последующих строк

Я использую HTML-код в файле .js, показанном ниже:

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

И эта вышеуказанная информация печатается во всплывающем диалоговом окне с определенной шириной и высотой.

Я сталкиваюсь с проблемой, когда текст становится длиннее, когда тот же текст появляется на следующей строке, он не соответствует стилю текстового отступа, который уже был указан в приведенном выше коде.

Например :

Это происходит так:

НО, я хочу так: