Text box with text before and after and right aligned text entry

Hi!
I don't know Javascript well but have been trying to combine comments from two other threads on this forum.
This thread shows how to get a text entry box with other text before and after it: https://www.qualtrics.com/community/discussion/102/how-to-add-static-text-after-a-text-entry-box
And this thread shows how to right align the entry in a text box: https://www.qualtrics.com/community/discussion/265/does-anyone-know-how-to-center-text-entry-boxes
But when I try to combine the code:
Qualtrics.SurveyEngine.addOnload(function()
{
var inputs = $(this.getQuestionContainer()).select('input[type="text"]')[0].style = 'text-align: right;'
for (var i = 0; i < inputs.length; i++) {
  var input = inputs[i];
  $(input).insert({before: '${e://Field/no1} things would weigh '});
  $(input).insert({after: ' pounds.'});
}
});

It now just gives me the text box without my surrounding text. Can anyone advise?
Thank you so much!