Es kann kein Text zum Umschließen des Bildes angezeigt werden

Ich versuche, den Text um mein Bild auf meiner About-Seite hier zu wickeln

About

Aber wie Sie sehen können, sitzt der Text nur am unteren Rand des Bildes. Wie kann ich ihn um das Bild wickeln und oben am Anfang des Bildes rechts neben dem Bild sein?

Solutions Collecting From Web of "Es kann kein Text zum Umschließen des Bildes angezeigt werden"

WordPress bietet einige generierte classn nur für dieses Problem. Was Sie wahrscheinlich wollen, ist das Bild in Ihrem Beispiel nach links zu schweben.

Die CSS-Regeln, die im Abschnitt Generated Classes dieser Codex-Seite aufgeführt sind, sind das, wonach Sie suchen. https://codex.wordpress.org/CSS#WordPress_Generated_Classes

Im Interesse der Zukunftssicherheit oder einer Änderung der URL ist hier dieser Inhalt:

Von WordPress generierte classn

Mehrere classn zum Ausrichten von Bildern und Blockelementen (div, p, table usw.) wurden in WordPress 2.5 eingeführt: aligncenter, alignleft und alignright. Zusätzlich wird die class alignnone zu Bildern hinzugefügt, die nicht ausgerichtet sind, so dass sie bei Bedarf anders formatiert werden können.

Die gleichen classn werden verwendet, um Bilder mit einer Beschriftung (ab WordPress 2.6) auszurichten. Drei zusätzliche CSS-classn werden für die Beschriftungen benötigt, eine weitere für die Barrierefreiheit. Zusammen sind die classn:

/* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }