左对齐页面中间的文本

Question

.equiv {
  margin: auto;
  display: table;
}
.equiv .eso {
  display: table-cell;
}

我使用这些样式来对齐容器的中心.equiv，并保持其内容（在.eso中）左对齐：

<div class="equiv">
  <div class="eso">
    <p>Consider this text<br>
      as a verse of a poem<br>
      that is left aligned<br>
      but in the middle of the page.</p>
    <p>(The middle of the page<br>
      corresponds to the middle<br>
      of the largest line of course).</p>
  </div>
</div>

嗯，它适用于Firefox和Chrome，但不适用于资源管理器，其中文本只是左对齐（但不在中间）。
有解决方法吗？

Answer 1

实际上这很简单，你拥有所需的所有包装。

.equiv {
  text-align: center;
}
.eso {
  display: inline-block;
  text-align: left;
}