Html 如何将两个div向右对齐，同时保持它们向左对齐

我需要保持div的相同对齐，但它们都向右对齐： 这里我有一个图像： 正如你所看到的，“hello”和“Helloooo”都是向右对齐的，但我希望它们向左对齐

看起来是这样的：

HTML

这是你想要的吗

.fu表单--作业编辑详细信息{
浮动：对；
文本对齐：右对齐；
}
.mdl-list\u项目{
颜色：#222；
填充：0；
最小高度：35px；
列表样式：无；
}
.mdl-list\u item-primary-content{
/*证明内容：柔性端*/
宽度：100%；
}
.fu表单--作业编辑详细信息--标题{
字体大小：粗体；
右侧填充：5px；
浮动：左；
}

你好：
世界


您好，您好：
世界

<ul class="fu-form--job-edit-details mdl-list">
  <li class="mdl-list__item">
    <span class="mdl-list__item-primary-content">
      <span class="fu-form--job-edit-details--title">Hello:</span>
      World
    </span>
  </li>
  <li class="mdl-list__item">
    <span class="mdl-list__item-primary-content">
      <span class="fu-form--job-edit-details--title">Hello:</span>
      World
    </span>
  </li>
</ul>

.fu-form--job-edit-details {
  .mdl-list__item {
    color: $text-label-color;
    padding: 0;
    min-height: 35px;
  }

  .mdl-list__item-primary-content {
    justify-content: flex-end;
  }

  .fu-form--job-edit-details--title {
    font-weight: bold;
    padding-right: 5px;
  }
}