Is het volgende mogelijk in CSS? Na wat zoekwerk lijkt het antwoord negatief te zijn, maar wellicht dat een van jullie een goede opmerking heeft. Ik heb de volgende situatie:

Gewenst: er dient een rood tekstblok te zijn, waar een tekst met variabele lengte in staat (zie de afbeelding). let op: het kan bijvoorbeeld ook één woord zijn. In dit rode tekstblok, een DIV-element, dient een ander element te staan, met een vast formaat (het gele blokje, eveneens een DIV-element). Dit gele blokje dient te allen tijde rechtsonder in het rode element te staan, ongeacht de inhoud van het rode element.
Dit kun je bewerkstelligen door het gele element absoluut te positioneren (position: absoulute, right: 0 en bottom: 0). So far so good. Maar nu dient de tekst in het rode element om het gele element te lopen. Het gele element moet dus "in de weg" staan. Echter, absoluut gepositioneerde elementen staan niet in de weg; zoals te zien is op de afbeelding.
Weet iemand of dit uberhaubt mogelijk is met CSS? Dank alvast.

Gewenst: er dient een rood tekstblok te zijn, waar een tekst met variabele lengte in staat (zie de afbeelding). let op: het kan bijvoorbeeld ook één woord zijn. In dit rode tekstblok, een DIV-element, dient een ander element te staan, met een vast formaat (het gele blokje, eveneens een DIV-element). Dit gele blokje dient te allen tijde rechtsonder in het rode element te staan, ongeacht de inhoud van het rode element.
Dit kun je bewerkstelligen door het gele element absoluut te positioneren (position: absoulute, right: 0 en bottom: 0). So far so good. Maar nu dient de tekst in het rode element om het gele element te lopen. Het gele element moet dus "in de weg" staan. Echter, absoluut gepositioneerde elementen staan niet in de weg; zoals te zien is op de afbeelding.
Weet iemand of dit uberhaubt mogelijk is met CSS? Dank alvast.