複数の水平に整列入力ボックスが

Question

の下に、私は特にthis one.

に似たフォームを作成したい、私は下に垂直に整列したラベルと同じ行に異なるサイズの入力ボックスを配置する方法を学びたいです。たとえば、フォームの「名前」セクションには、「最初」と「最後」のボックスがあります。

どのようにHTMLとCSSでこれを行うことができますか？

Answer 1

サンプルフォームにdisplayプロパティを設定したSPAN要素が含まれています。また、INPUT要素とLABEL要素の表示プロパティ値は、固定サイズでblockです。こうして、基本的に要素とそのラベルを含むセルを作成しています。

TABLE/TR/TDの組み合わせを使用しても同じことが達成できますが、これは少し古風なので推奨できません。