So soll es dann auf der Webseite aussehen (Die Box bei der Artikelnutzung.): <a href="https://de.wikipedia.org/wiki/Wikipedia:Weiternutzung">https://de.wikipedia.org/wiki/Wikipedia:Weiternutzung</a>
Ich nutze WordPress und bekomme dort anstatt einer horizontalen Box eine senkrechte Box. Ich kenne mich mit CSS nicht aus. Wer weiß Rat?
Vielen Dank für Antworten.
Viele Grüße
Code
<div style="border: 2px solid #F0F0F0; margin: 1em auto; padding:1em 1.6em; max-width:50em; border-radius:.2em;display:flex;">
<div style="flex:0 0 auto;display: flex;flex-direction: column;justify-content: center;padding-right:1em;"><a href="https://de.wikipedia.org"><img alt="Wikipedia-logo-v2.svg" src="/image/60px-Wikipedia-logo-v2.svg.png" decoding="async" width="60" height="55" srcset="/image/90px-Wikipedia-logo-v2.svg.png 1.5x, /image/120px-Wikipedia-logo-v2.svg.png 2x" data-file-width="103" data-file-height="94"></a></div>
<div>Dieser Text basiert auf dem Artikel <a class="external text" href="https://de.wikipedia.org/wiki/Schloss_Biebrich">Schloss Biebrich</a> aus der freien Enzyklopädie <a class="external text" href="https://de.wikipedia.org">Wikipedia</a> und steht unter der Lizenz <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/3.0/legalcode">Creative Commons CC-BY-SA 3.0 Unported</a> (<a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/3.0/deed.de">Kurzfassung</a>).<br>In der Wikipedia ist eine <a class="external text" href="https://de.wikipedia.org/w/index.php?title=Schloss_Biebrich&action=history">Liste der Autoren</a> verfügbar.</div>
</div>