html - ワードラップなしでラジオ入力の横にたくさんのテキストを含むラベルをフォーマットする方法は?

Question

<label>入力の周りにそのテキストをラップせずに、ラジオ入力の横に表示するテキストがたくさんあるを取得するにはどうすればよいですか。

display: inline block;必要な形式を取得するために使用します。<br/>ただし、テキストがタグで分割されている場合にのみ機能します。そうしないと、テキストがラジオ入力の下に落ちます。

テキストがないdisplay: inline block;と、ラジオ入力が折り返されます。

私はどこかで細部が欠けているに違いありません.誰かがそれを指摘するのを助けることができますか?

score 4 · Accepted Answer

display: table-cell;代わりに要素で使用することもでき<label>ます。コンテンツによって幅が決まるため、幅を指定する必要はありません。

score 3 · Accepted Answer

要素に固定幅を設定すると、inline-block明示的な改行は必要ありません。

label.inline {
    display: inline-block;
    width: 200px;
}

3 に答える 3