Erzwingen, dass die Beschriftung inline mit der von ihnen beschrifteten Eingabe fließt

Question

Die Beschriftung muss in der gleichen Zeile stehen wie das Eingabefeld, das sie beschriftet. Ich möchte, dass diese Elemente fließen, wie sie normalerweise würde, wenn das Fenster Größe ändert, ich möchte nur die Beschriftung auf der linken Seite der Eingabe bleiben sie beschriften. Wie würde ich das machen? Hat jemand eine Idee?

<label for="id1">label1:</label>
<input type="text" id="id1"/>
<label for="id2">label2:</label>
<input type="text" id="id2"/>

ANTWORT: Josiah Ruddell's Antwort war auf dem richtigen Weg, mit einem span anstelle von div gab mir das richtige Verhalten. Danke!

<span style="white-space:nowrap">
    <label for="id1">label1:</label>
    <input type="text" id="id1"/>
</span>
<span style="white-space:nowrap">
    <label for="id2">label2:</label>
    <input type="text" id="id2"/>
</span>

Answer 1

Wenn du willst, dass sie ein Absatz sind, dann benutze ihn.

<p><label for="id1">label1:</label> <input type="text" id="id1"/></p>
<p><label for="id2">label2:</label> <input type="text" id="id2"/></p>

Beide <label> et <input> sind Absatz- und Flussinhalte, die Sie als Absatz- und als Blockelemente einfügen können.

Answer 2

Warum benutzen Sie nicht einfach:

label {
    display: block;
    width: 50px;
    height: 24px;
    float: left;
}