Box horizontal ausrichten

So soll es dann auf der Webseite aussehen (Die Box bei der Artikelnutzung.): https://de.wikipedia.org/wiki/Wikipedia:Weiternutzung 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

Der hier verwendete 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>