html - 没有表格对齐

Question

所以，我明白 table 是撒旦的产物。我应该如何在没有表格的情况下对齐它？

我有一堆输入字段，每个字段的左侧都有一个标签，我希望输入字段的左侧对齐。错误的 ascii 艺术如下:

                                   name ________________    
                          date of birth ________________  
 Shakespeare villain I would like to be ________________  
                  favo(u)rite do(gh)nut ________________  
                      pet's blood group ________________  
                   mother's maiden name ________________  
         favo(u)rite Led Zeppelin track ________________  

我不需要确切的代码，只是被告知如何去做。

This page看起来非常有用，但我该如何处理文本和输入字段？

也许

文本向右浮动，输入字段垂直对齐 50%？

最佳答案

试试 display: table-cell;

.wrapper {
    display: table;
}

.inner {
    display: table-cell;
}

关于html - 没有表格对齐，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34123513/

Answer 1

试试 display: table-cell;

.wrapper {
    display: table;
}

.inner {
    display: table-cell;
}