Html div居中对齐，然后向左对齐，不使用宽度

我在一个

div

里有

div

<div id="out" align="center">
      <div id="in1" align="left">111</div>
      <div id="in2" align="left">aaaaaaaaaaaaaaaaaaaaaa</div>
      <div id="in3" align="left">bbbb</div>
      <div id="in4" align="left">6516519191</div>
      <div id="in5" align="left">apple</div>
      <div id="in6" align="left">ii</div>
</div>

我不想给外部div指定

宽度

，因为我以前不知道项目的大小

---

有什么办法吗？

设置外部

宽度：100%
或者以其他方式定义内部宽度

CSS
HTML

111
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbb
6516519191
苹果
二,
您可以插入另一个（外部）容器div


外部div容器：宽度100%，文本对齐居中
内部div容器：内联块和左文本对齐

CSS

HTML


111
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

运行演示：
首先，div没有“align”属性

您提供的信息看起来像表格数据。在这种情况下，应该使用表格，而不是div。
除非您为
div
的内侧设置
宽度
，或者为
body
设置相等的左/右填充，否则您将看不到它们在屏幕上居中。“我不想为外部div设置宽度，因为我以前不知道项目的大小。”这就是为什么我建议你做到100%。这不会影响。@micro.pravi，
没有改变任何事情！gerrnar，你至少打开小提琴了吗/
                         111
                         aaaaaaaaaaaaaaaaaaaaaa
                         bbbb
                         6516519191
                         apple
                         ii

.abc{
float:left;
width:100%;
}

<div id="out" align="center">
      <div id="in1" class="abc">111</div>
      <div id="in2" class="abc">aaaaaaaaaaaaaaaaaaaaaa</div>
      <div id="in3" class="abc">bbbb</div>
      <div id="in4" class="abc">6516519191</div>
      <div id="in5" class="abc">apple</div>
      <div id="in6" class="abc">ii</div>
</div>

#outerContainer {
    width: 100%;
    text-align: center;
}

#innerContainer {
    display: inline-block;
    text-align: left;
}

<div id="outerContainer">
    <div id="innerContainer">
        <div id="in1">111</div>
        <div id="in2">aaaaaaaaaaaaaaaaaaaaaa</div>
    </div>
</div>