Dopasowanie divów

Question

Cześć. Mój problem polega na tym, że chciałbym, aby div zaznaczony czarnym kolorem przylegał do dolnej części czerwonego diva, zamiast do górnej. Czy istnieje możliwość, aby div sam się tam wpasował (coś w stylu text-align tylko, że w pionie)?

Dodam, że w divach tych nie mam podanych wartości height, ani width, tylko font-size. Mógłbym, więc ewentualnie je dodać i w przypadku czarnego diva po prostu podać taki sam height jak przy czerwonym oraz dodatkowo dodać padding od góry, ale wolałbym jednak zrobić to tak jak napisałem wyżej o ile istnieje taka możliwość.

Answer 1

display: flex;
align-items: flex-end;

do kontenera. przykład