html - 如何将 3 个 block (span、span、input)放置在垂直对齐的一行中？

Question

我有这样的 html http://jsfiddle.net/nLt9unxa/5/我想将 3 个 block .number__label、.text__label 和 .from__input 放在一行中。 .form__input 必须与表单的右侧对齐，并且所有 3 个元素必须在一行中垂直对齐。这个怎么做？我不想使用 display: table-cell

此外，如果您知道关于对齐的非常好的教程或书籍，其中描述了所有可能的对齐方式和收据，如备忘单，请分享链接。

Answer 1

你忘记在 .number__label 中的 max-width 和 min-width 之后放置 :

DEMO

.number__label {
    display: inline-block;
    background-color: #ffffff;
    border: solid 1px;
    max-width:20%;
    min-width:20%;
}