如何在div的中心有左對齊的文本？

Question

我想知道是否有人知道如何居中左對齊的文本。這裏是我的意思的一個例子：

This text 
is 
left aligned. 

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

我怎麼能在一個div裏面做？我已經嘗試了我見過的任何一個答案，即將text-align放置在父div中，然後放在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

我想知道是否有人知道如何中心，這是左對齊文本。

剛剛從「中心」的孩子取出float ..

「定心的第一條規則是...不要使用浮動！」

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; 
 
}

<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>

我想留在這三個孩子的div的文本對齊，但仍處於div的中心。我會怎麼做？

從你修訂要求（在評論）我會使用Flexbox的避免必須添加額外的包裝。

演示使用需要額外的包裝：Codepen Demo

Flexbox的演示：

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; 
 
}

<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>