Rolf B: Darstellung von Bild, Text, Bild

Beitrag lesen

Hallo Gerhard,

Das HTML dazu folgt dem Muster

<div id="xy">
  <img src="..." alt="...">
  <p>...</p>
  <img ...>
</div>

Der Rest ist CSS. Statt xy nimmst du eine passende id, oder eine class. Vielleicht ist das Element auch anders im CSS identifizierbar.

Je nach Kontext kann das div auch ein semantisch passenderes Element sein (header, footer, aside, etc). Statt img vielleicht auch picture oder svg.

Bitte mach Dir zuerst Gedanken, wie das Layout auf einem schmalen Display aussehen soll.

Abhängig von Ergebnis dieser Planung sollte die Antwort Flexbox- oder Grid-Layout für das div sein. Infos dazu findest du unter diesen Stichwörtern im Selfhtml Wiki.

Tabelle scheidet aus, du hast keine tabellarischen Daten.

Rolf

--
sumpsi - posui - obstruxi