CSS - Anordnung DIV-Container passt nicht

[Stefan Bee]

In dieser in einem anderen System (bisher Wordpress) neu aufgesetzten Seite stimmt im Header die Anordnung der DIV-Container noch nicht ganz - ich komme aber leider nicht darauf, wo hier der Haken liegen könnte.

So sieht der Header aktuell aus:
https://dfgq-sp6fwtpc-aigpepu.worldsoft-wsw.com/

So soll der Header final aussehen (analog zur bisherigen Wordpress-Seite):
https://www.arbra-technik.de/

Es geht mir hier lediglich um die row, wo im linken Container das Logo steht und rechts dann in einem weiteren gemeinsamen Container Kontaktdaten und Menü. Dieser zweite Container bricht immer um...
Vielen Dank im Voraus für Eure Hilfe!

 

[Sempervivum]

Das Umbrechen kannst Du durch display: flex; verhindern. Und am besten zusätzlich vertikal zentrieren:

.dein-container {
    display: flex;
    align-items: center;
}

 

[Stefan Bee]

Danke Dir! Das hat jedoch leider nicht funktioniert :-/.
Aktuell sieht der relevante Code (die beiden nebeneinander liegenden Boxen) so aus:
(...)
<div class="col-xl-4" style="background-color:white;margin-left:20px;display:flex!important;
align-items:center;"><img src="https://....." alt="Selfhtml" width="213">
</div>

<div class="col-xl-8" style="padding:5px;margin-left:20px;display:flex!important;align-items:center;">
(...)

 

[Sempervivum]

Du musst das dem übergeordneten Container zuordnen, worin sich die Elemente befinden, siehe auch hier:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

 

[Stefan Bee]

MEGA !!! Jetzt hat es funktioniert!
(der übergeordneten Box war noch die Klasse "row" zugeordnet - das hat die korrekte Darstellung zuerst verhindert...)
Vielen Dank, Sempervivum!!