在引导程序中心块中对齐2个不同的元素

Question

这是我的代码：

＆＃13;

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="row">
    <div class="center-block" style="width:700px">
      <h2 class="text-center lead" style="font-size:25px; font-family:Verdana;">"He changed the way each one of us see the world"</h2>
      <p class="text-center" style="font-size:15px; font-family:Verdana; color:grey"><i>- President Barack Obama</i></p>
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

我想用我的文字获得以下输出：

但是我如何制作和＃34; - 总统巴拉克奥巴马＆＃34;与其前面的文字一致，如印度总理曼莫汉辛格＆＃34;在图像？

Answer 1

使用class="text-left"和margin-left:25px"

<p class="text-left" style="font-size:15px; font-family:Verdana; color:grey;margin-left:25px"><i>- President Barack Obama</i></p>