Frage 2 div nebeneinander -> 1. div soll width der Kinder Elemente bekommen

[Wolly300]

Hallo zusammen,

ich habe ein banales, aber trotzdem für mich gerade ein nicht überwindbares CSS Problem.

<div>
    <div style="float: left; background-color: red;">
        <img style="background-color: blue;" src="..." alt="..." width="10%" />
    </div>
    <div style="">Mitarbeiter</div>
</div>

Der untere Div (Mitarbeiter) soll sich rechts neben den oberen div schieben. Das bekommt man ja normalerweise hin, indem man dem oberen float:left gibt. Sobald ich dem img in dem div aber eine gültige src gebe, wird der div 100% breit. Wie stelle ich ein, das diesere nur so breit wird, wie das Kind Element?

 

[Wolly300]

Jetzt sind sie schon nebeneinander, aber wie bringe ich den 1. div auf die gleiche width wie sein Inhalt ?

 

[MrMurphy]

Mit Flexlayout. Wobei ich mir nicht sicher bin ob du das im Endeffekt wirklich willst.