html - 根据基础网格中的兄弟对齐行

Question

我正在为网站使用基础网格，并希望完成以下场景:

<row>content</row>
<row>content_2</row>

我希望第一行居中(我已经能够做到)。但是第二行不会居中，而是会根据第一行对齐。我希望第二行与第一行的左侧对齐。这样行的内容就会水平地从同一个地方开始。

第一行的内容是动态的(取决于语言、字体等)，所以我不知道它的宽度。在任何情况下，我都希望第二行根据它对齐。

Answer 1

尝试这种风格:

row {
display:inline-block;
}

UPD 我测试了这段代码:

<div class="outer">
  <row>row1</row>
  <row>row1</row>
</div>

风格:

row
{
  display:inline-block;
}

.outer
{
  text-align:center;
}