Bootstrap左對齊文本在居中的div中

Question

我有一個4行的段落，是一個居中的div中的詩歌。 因為它是詩歌，我需要左邊對齊的4行，而不是div的左邊。

以下是它的中心：

     Lorem ipsum dolor sit amet, 
        onsectetur adipisicin.
  Doloribus, totam unde facilis omnis 
        temporibus nostrum in

這是我想要的方式：

  Lorem ipsum dolor sit amet, 
  onsectetur adipisicin.
  Doloribus, totam unde facilis omnis 
  temporibus nostrum in

謝謝。

的jsfiddle

Answer 1

這是解決方案http://jsfiddle.net/YW7eS/2/

我刪除了text-align：center並使用網格系統為您提供更多控制。

<div class="col-lg-offset-4 col-lg-4 col-md-offset-4 col-md-4 col-sm-offset-4 col-sm-4">
    ...
</div>

Answer 2

也許您想向我們展示代碼，但您可能希望在段落上執行text-align:left 。

Answer 3

由於你沒有提供任何代碼，很難幫助你，但這是（我猜）你想要的。 將左邊距更改為任意數字，以增加/減少文本到div的距離。

.poetry {
   padding: 0 0 0 20px;
}

.poetry p {
   text-align: left;
}

Answer 4

試試這樣的事：

<div style="width: 500px; height: 500px; float: left;"></div>
<div style="float: left; margin-left: 30px;">
  Lorem ipsum dolor sit amet, 
  onsectetur adipisicin.
  Doloribus, totam unde facilis omnis 
  temporibus nostrum in
</div>

Answer 5

你可以改變這樣的代碼，

.marketing .col-md-4 {
  text-align: left;
  margin-bottom: 20px;
}

看到這里的工作小提琴