问如何使一个元素中的文本与另一个元素中的文本一致显示？

EN

.wrapper {
  width: 150px;
}

.more-text,
.content-text {
  display: inline;
}

.more-text {
  background: green;
}

.content-text {
  background: red;
  color: #fff;
}

<div class="wrapper">
  <div class="more-text">
    Random text here More text
  </div>
  <div class="content-text">
    content text Random text here
  </div>
</div>