Hej Camping_RIDER,
Versuchs doch mal mit flexbox statt mit float-Lösung, falls das für dich in Frage kommt (im Großen und Ganzen hat da nur der Internet Explorer, der ja für neue Geräte durch Edge abgelöst wird, Probleme - und keine zu großen). Du kannst hier mit
flex-direction:row
und entsprechender Nutzung vonalign-self
diesen Effekt erreichen - vgl. dazu auch das Beispiel im entsprechenden Wiki-Artikel.Sollte flexbox nicht in Frage kommen, würde ich dir dazu raten,
display:table-*
zu verwenden
Oder display: inline-box; passt für diesen Fall wunderbar.
Allerdings: Zukunftssicherer
Wann wird die Unterstützung von display: table-* denn eingestellt ;-)
und - vor allem im Hinblick auf Mobilgeräte oder anderweitig unterschiedliche Bildschirmgrößen - flexibler einsetzbar dürfte flexbox sein.
Das auf jeden!
Marc