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

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”&gt;
  <div>only admin can use this page. Press
    <div className=“help”&gt;help </div>
    <div className=“ gt”&gt;></div>
    <div className=“permissions”&gt;permissions</div>
    <div>

标签： htmltext-align

Answer 1

不要使用 div 来分割你的文本，使用 span 的。

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