AHA, scheint wie folgt zu fuktionieren - oder sind da noch böse überraschungen zu erwarten?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.flex-containerO {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
.flex-containerI {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: column; /* Safari */
flex-direction: column;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
</style>
</head>
<body>
<div class="flex-containerO" style="display: flex;">
<img src="https://forum.selfhtml.org/images/3f4bd433-ee5b-4f71-9ab4-3fdcc76fd6f8.gif">
<div class="flex-containerI" style="display: flex;">
<p style="display: flex;">rechts oben</p>
<p style="display: flex;">rechts unten</p>
</div>
</div>
</body>
</html>