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

Question

我有一段很长的文本，需要文本居中对齐。它的部分有不同的风格。所以我必须将它分成不同的 div 并显示为内联块。现在 text-align: center 的行为有所不同。我怎样才能使 text-align: center 获得与单个文本相同的效果？

.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 的所有内容，将其放在一个 span 中。将那些 div 更改为跨度。然后将主跨度的 margin-left 和 margin-right 设置为 auto。

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

how would I make text-align behave the same way as if it does to single text if I've to break text to multiple div

html

text-align