如何在流实验室中移动2个文本对象

Question

我正在为流实验室设计一个流光包，并希望分别移动{name}和{amount}。这里的任何CSS / HTML / JS向导谁可以帮助我解决此问题？

https://gyazo.com/dec3f4b6524471423140a3109d41baf0

^^是我拥有的设计，{name}在正确的位置，但想在眼睛图标所在的右上角添加{amount}。

}
#alert-text {
    padding-bottom: -200px;
}
#alert-message,
#alert-user-message {
    text-align: center;
    Margin-right: 300px;
}

<!-- alert image -->
<div id="alert-image-wrap">
  <div id="alert-image">{img}</div>
</div>

<!-- main alert box window -->
<div id="alert-text-wrap">

  <!-- alert text -->
  <div id="alert-text">

    <!-- alert message -->
    <!-- messageTemplate will be replaced with your message template -->
    <!-- for example : {name} is now following! or {name} donated {amount} -->

    <div id="alert-message">{messageTemplate}</div>
    <div id="alert-user-message">{userMessage}</div>

  </div>

</div>