如何左对齐，在文本中心？

Question

我有这个网站：

link

在这一刻，有3篇文章在中间对齐。 位于中心，但想要左对齐，但容器的中心......

代码HTML：

<div class="col-lg-6 col-height">
                        <div class="text-box-right slideInRight animated">
                            <div class="title-home">LE BAGEL</div>

                            <div class="content-home"><p>est l’essence même de l’inspiration de la maison.<br>
Bagel House Café vous propose un pain unique, directement importé<br>
des Usa puis transformé dans nos cuisines.<br>
Ce pain à la forme si spéciale vous réserve bien des surprises…<br>
Choisissez-le nature, au sésame, au pavot, müesli, sans gluten ou<br>
encore laissez-vous tenter par le fameux “everything”.</p>
</div>
                        </div>
                    </div>

CODE CSS：

.col-height{
  height: 528px;
  display: table;
  text-align: center;
  font-size: 17pt;
}

.col-height div{
  width: 100%;
}

.title-home{
  font-size: 32pt;
  font-family: Myridad pro;
  color: #2a2b30;
}

你能帮我解决这个问题吗？ 我希望我能够很好地解释他们想做什么

提前致谢！

Answer 1

将其添加到样式表中。一个简单的text-align:left会做。

要在容器中间制作内容，您需要设置p的宽度并设置margin:auto

.content-home p
{
 text-align:left;
 width:70%;
 margin:auto;
}

结果将是这样的

Answer 2

只需将text-left添加到<p>代码：

<p class="text-left">

Answer 3

.text-box-right p {
    text-align:left.
}

我希望它有所帮助！