如何在div的中心放置左对齐文本？

Question

我想知道是否有人知道如何对齐左对齐的文字。这是我的意思的一个例子：

This text
is
left aligned.

                                  This text
                                  is
                                  left aligned
                                  and in
                                  the center (isn).

我怎么能在div内做到这一点？我已经尝试了我在各处看到的一个答案，即将text-align：center放在父div中，然后在子div中放置text-align：left，但这似乎不起作用。以下是一个示例：http://codepen.io/nrojina0/pen/OXGdXJ

div#stores {
  font-size: 1.25em;
  width: 100%;
  text-align: center;
  border: 1px solid black;
}
div#storesleft {
  display: inline-block;
  float: left;
  width: 33%;
  text-align: left;
  margin: 0 auto;
  border: 1px solid black;
}

<div id="stores">

  <div id="storesleft">

    Boo and Roo's
    <br>112 E. Moore St.
    <br>Southport, NC 28461
    <br>(910)363-4275
    <br>
  </div>

</div>

Answer 1

  

我想知道是否有人知道如何对齐左对齐的文字。

只需从＆＃34;居中＆＃34;中移除float即可子..

＆＃34;居中的第一条规则是......不要使用浮动！＆＃34;

＆＃13;

＆＃13;

div#stores {
  font-size: 1.25em;
  width: 100%;
  text-align: center;
  padding: 1em;
}
div#storesleft {
  display: inline-block;
  width: 33%;
  text-align: left;
  margin: 0 auto;
}

＆＃13;

<div id="stores">

  <div id="storesleft">

    Boo and Roo's
    <br>112 E. Moore St.
    <br>Southport, NC 28461
    <br>(910)363-4275
    <br>
  </div>

</div>

＆＃13;

＆＃13;

＆＃13;

  

我希望三个子div中的每一个中的文本都保持对齐，但仍然位于div的中心。我该怎么做？

根据修订要求（在评论中）我使用flexbox来避免添加额外的包装。

使用所需的其他包装器进行演示：Codepen Demo

Flexbox演示：

＆＃13;

＆＃13;

div#stores {
  font-size: .85em;
  width: 100%;
  display: flex;
  justify-content: space-around;
}
div#storesleft {
  border: 1px solid black;
}
div#storescenter {
  border: 1px solid black;
}
div#storesright {
  border: 1px solid black;
}

＆＃13;

<div id="stores">

  <div id="storesleft">

    Boo and Roo's
    <br>112 E. Moore St.
    <br>Southport, NC 28461
    <br>(910)363-4275
    <br>
  </div>

  <div id="storescenter">

    Natural Food Store
    <br>1920 U.S. Hwy 70 SW
    <br>Hickory, NC 28602
    <br>(828)322-5316
    <br>
  </div>

  <div id="storesright">

    Routh's Grocery
    <br>3796 Chatham Street
    <br>Bennett, NC 27208
    <br>(336)581-3465
    <br>

  </div>

</div>

＆＃13;

＆＃13;

＆＃13;