Bildformatierung

Question

Mit dem neuen Code sieht es leider weiterhin noch wie auf dem Bild aus. Der Text ,,Beispieleinkauf 4,5kg'' soll über dem Bild stehen und der Text ,,bis 5kg'' auf der gleichen Höhe wie der Auswahlpunkt.

Comments

Posten Sie bitte einen Pretest-Link direkt (!) zu der Seite mit der Auswahl. Dann sehe ich mir mal an, weshalb der Code noch nicht das macht, was ich erwartet habe.

---

@SoSci Survey

https://www.soscisurvey.de/test416249/?act=qA8q0zwdWIxIVgtO9V4w6Yxi

Answer 1

Danke für den Pretest-Link. Das display: flexbox war noch falsch, und das flex-Attribut war mit der Breitenangabe auto noch nicht glücklich. Hier der optimierte Code:

<div style="display: flex; align-items: center;">
   <div style="flex: 1 1 60px; min-width: 60px;">Beispieleinkauf 4,5kg</div>
   <div style="flex: 1 1 120px; min-width: 120px;">
     <p><img src="Einkauf_4.5kg.jpeg" style="max-width: 50%"></p>
     <p>bis 5 kg</p>
   </div>
</div>

Comments

Klappt. Vielen Dank!