html - 两个 div 之间的居中文本

Question

我正在尝试将文本置于两个 float div 之间。问题是，文本没有正确居中，即使我按照我可以在网上找到的每一个步骤进行操作。 这是我用来尝试实现目标的代码:

.EditingApp-head {
  background-color: #222;
  width: 100%;
  overflow: auto;
}

.EditingApp-head-logo {
  float: left;
  overflow: auto;
  width: 10%;
}

.EditingApp-head-logo-image {
  height: 40px;
  margin-top: 4px;
  float: left;
  clear: none;
}

.EditingApp-head-logo-text {
  float: left;
  margin-left: 5px;
  color: white;
}

.EditingApp-head-title {
  text-align: center;
  color: white;
  margin-left: auto;
  margin-right: auto;
}

.EditingApp-head-end {
  float: right;
  width: 10%;
}

<div className="EditingApp">
  <div className="EditingApp-head">
    <div className="EditingApp-head-logo">
      <img src={logo} className="EditingApp-head-logo-image" alt="logo" />
      <p className="EditingApp-head-logo-text">SyncPad</p>
    </div>
    <div className="EditingApp-head-end" />
    <p className="EditingApp-head-title">Title</p>
  </div>
  <div>
    <p style={{textAlign: "center"}}>center</p>
  </div>
</div>

文本“标题”稍微偏右居中，因此它以某种方式忽略了右侧的 div。 有人看到问题了吗？

Answer 1

放<center></center>围绕您的段落，如果我理解得很好，那将会有所帮助。