我有这个例子:
http://jsfiddle.net/BRxKX/4477/
这是代码HTML:
<div class="container-fluid">
<div class="row">
<div class="col-sm-4 col-md-12 col-lg-12 " style="font-size:17px;color:white;">
<p class="text-left">- onorarii fixe;<br>
– onorarii orare, <br>
– onorarii orare şi fixe;<br>
– onorarii periodice;<br>
– onorarii de succes, în funcţie de rezultatul sau serviciul furnizat.
</p>
<p></p></div>
</div>
</div>
这是代码CSS:
.row
{
background:blue;
width:100%:
color:white;
}
我的文本中的每一行都有以“-”开头的行。如果我们应用,"text-align: center"
我的文本将与中心对齐,但缩进将无法正确排列
我希望文本与现在完全一样,但要与中心对齐。您能帮我解决这个问题吗?
提前致谢!
一种方法是使用一个wrapper元素来设置文本的左对齐,然后您的实际文本可以只是一个块元素,其宽度设置为看起来不错,并具有auto
左右边距。
.text-left-align-center{
display: block;
text-align: left;
}
.text-left-align-center p{
display: block;
margin-left: auto;
margin-right: auto;
width: 30%; /*whatever width is needed for your text */
}
<div class="text-left-align-center">
<p>
- onorarii fixe;<br>
– onorarii orare, <br>
– onorarii orare şi fixe;<br>
– onorarii periodice;<br>
– onorarii de succes, în funcţie de rezultatul sau serviciul furnizat.
</p>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句