如果我必须将文本分解为多个div，我将如何使文本对齐的行为方式与单个文本的行为相同

Question

我有一个长文本，我需要对中心进行文本组合。它的一部分具有不同的样式。因此，我已经将其分解为不同的divs，并将显示为内联块。现在，文本合格：中心行为的行为有所不同。我将如何对文本align(中心(产生相同的效果？

.main {
  font-size: 14px;
  width: 320px;
  height: 60px;
  text-align: center;
  line-height: 1.43;
}
.help {
  margin-left: 5px;
  Font-size: 16px;
  display: inline-block;
}
.gt {
  margin-left: 5px;
  display: inline-block;
}
.permissions {
  margin-left: 5px;
  Font-size: 16px;
  display: inline-block;
}

<div className=“ main”>
  <div>only admin can use this page. Press
    <div className=“help”>help </div>
    <div className=“ gt”>></div>
    <div className=“permissions”>permissions</div>
    <div>

Answer 1

不要使用div拆分文本，使用跨度。

<div>only admin can use this page. Press 
  <span className=“help”>help </span>
  <span className=“gt”>></span>
  <span className=“permissions”>permissions</span>
</div>

Answer 2

主div的所有内容，将其放在跨度内。将这些Divs更改为跨度。然后将主要跨度设置为自动范围。