html/css zwei divs in derselben Zeile

Beim Entwerfen der Benutzeroberfläche ist es häufig erforderlich, zwei Divs in derselben Zeile anzuzeigen.

Aber ich vergesse immer, wie man das macht, deshalb hier ein Aufsatz und ein Memo.

Um das „erste Div“ und das „zweite Div“ wie folgt in derselben Zeile anzuzeigen:

/*Äußeres div*/

Erstes div

Zweite Div

Sie müssen nur CSS-Stile zu id2 und id3 hinzufügen, wie unten gezeigt:

/*Äußeres div*/

float:left;">First div

float:left;">Zweite Div

Das ist es. Es ist ganz einfach.