2
我想知道是否有人知道如何居中左对齐的文本。这里是我的意思的一个例子:如何在div的中心有左对齐的文本?
This text
is
left aligned.
This text
is
left aligned
and in
the center (isn).
我怎么能在一个div里面做?我已经尝试了我见过的任何一个答案,即将text-align放置在父div中,然后放在div div中放置text-align:left,但这似乎不起作用。这里有一个例子:http://codepen.io/nrojina0/pen/OXGdXJ
div#stores {
font-size: 1.25em;
width: 100%;
text-align: center;
border: 1px solid black;
}
div#storesleft {
display: inline-block;
float: left;
width: 33%;
text-align: left;
margin: 0 auto;
border: 1px solid black;
}
<div id="stores">
<div id="storesleft">
Boo and Roo's
<br>112 E. Moore St.
<br>Southport, NC 28461
<br>(910)363-4275
<br>
</div>
</div>
卸下浮动只是居中DIV,而不是文字。我已经更新了代码笔,因为它最初只有一个div,而不是现在的3,所以你可以看到删除浮动并不能解决我的问题。 – nrojina0
这就是为什么我有3个孩子的div?我希望三个子div中的每个子文本都保持对齐,但仍然位于div的中心。我会怎么做? – nrojina0
在你的代码笔上,我期望让这3个子div被均匀分布在整个网页的宽度上 – nrojina0