<分区>
html - 如何左对齐，居中文本？
我有这个网站:
此时有 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>
代码 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;
}
你能帮我解决这个问题吗？ 我希望我能够很好地解释他们想做什么
提前致谢!
最佳答案
将其添加到您的样式表中。一个简单的 text-align:left 就可以了。
要使内容位于容器中间，您需要为 p 设置宽度并设置 margin:auto
.content-home p
{
text-align:left;
width:70%;
margin:auto;
}
结果是这样的
关于html - 如何左对齐，居中文本？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35308207/