對齊行基於同級的基礎網格

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; 
}