Bootstrap 4：以文字為中心並向左對齊？

Question

目標：我希望使用Bootstrap 4將文本對齊到屏幕的左側但居中。

例：

                       This text is centered
                       And aligned left

我曾嘗試將文本包裝在如下所示的父項中，但是目前無法正常工作。

 #text{ font-size: 50px; } 

  <div style="text-align: center;"> <div style="display: inline-block; text-align: left;"> <p id='text'> This text is aligned left but not centered </p> </div> </div> 

Answer 1

只需設置您要尋找的寬度大小（或使用bootstrap大小）。

p{
   width: 300px;
   font-size: 50px;
   text-align: left;
   margin: 0 auto;
}

https://jsfiddle.net/9eaxhy01/

Answer 2

因為您使用2x div和樣式。 First div始終以屬性為准。