Text/Bilder in Spalten ausrichten

  • Liebe alle,
    ich nutze die aktuelle Version von WP und möchte innerhalb einer Zeile, die aus zwei Spalten besteht, in der linken ein Bild und in rechte einen Text platzieren. Dabei sollen das Bild rechtsbündig und der Text linksbündig und beide in der Waagerechten ebenfalls zentriert sein. Das Ganze soll wie im Anhang "Soll" aussehen:
    ,

    Folgenden html-code habe ich geschrieben

    Code
    <!-- wp:html -->
    <table>
    <tr>
        <th><style="text-align-right"><img src="https://www.numismatik-in-hannover.de/wp-content/uploads/2022/08/16-TAN_fg.png" style="max-width:18px"></th>
        <th><h2 class="has-text-align-left"><strong>16. Tag der Antiken Numismatik</strong></th>
      </tr>
    </table>
    <!-- /wp:html -->

    Das Ergebnis zeigt der Anhang "Ist":

    Weder Text noch Bild sind in der Waagerechte zentriert und das Bild der linken Spalte ist links und nicht rechtsbündig. Was die vertikale Zentrierung betrifft, so fehlt da wohl etwas. Habe folgendes gefunden https://www.mediaevent.de/css/text.html

    Code
    <div class="vertical-table">
        <p>Text vertikal zentrieren</p>
    </div>

    Weiß aber nicht wo ich das einfügen soll. Zudem habe ich einen dünnen Streifen unter halb.

    Wer kann helfen?
    Dank und Gruß
    UliWerz

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Lieber thredi,
    danke für die Antwort. Habe jetzt den WP Editor genommen. Geht!
    Aber ich möchte immer mehr zu HTML übergehen, weil es damit die besseren Gestaltungsmöglichkeiten gibt. Hätte natürlich auch zuerst schauen können, wie die Lösung mit dem WP Editor in html aussieht und d a n n versuchen können zu schreiben.

    Gruß
    Uli

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!