Ausrichten von divs inline, während der Inhalt von oben nach unten in Fußzeile

Question

Sorry, wenn dies ein Duplikat ist, aber ich habe für die letzte Stunde gesucht und kann keine Lösungen finden, die funktionieren.

Ich habe drei divs, die ich für meine Fußzeile von links nach rechts ausrichten muss, aber der Inhalt innerhalb der divs muss von oben nach unten bleiben. Hier ist ein Bild von der Attrappe, die ich gemacht:

ich inline-block habe versucht, ich habe block versucht, habe ich float versucht, ich habe versucht, sie alle zusammen, und eine Vielzahl von anderen Sachen und ich kann es nicht herausfinden. Sie reihen sich immer noch von oben nach unten auf. Jede Hilfe wäre willkommen, hier ist eine Geige mit dem ganzen Code für die Fußzeile.

https://jsfiddle.net/kLbtfqp6/

Answer 1

ändern CSS dazu:

.footer { 
background-color: #5c0e13; 
color: white; 
display: inline-block; 
width: 100%; 
} 


.favicon { 
display: block; 
} 

.footernav, .socialmedia { 
    width:50%; 
    float: left; 
} 
.footer img { 
    width: 10%; 
    display:inline-block; 
} 
.footer p { 
    width: 50%; 
    display:inline-block; 
}