divをインラインで整列してコンテンツをフッタの一番下から一番下に置きます

Question

申し訳ありませんが重複していますが、過去1時間は探していましたが、解決する解決策は見つかりませんでした。

私はフッターの左から右に並ぶ必要がある3つのdivがありますが、div内のコンテンツは上から下にとどまる必要があります。私はinline-blockを試してみた

、私は、私は一緒にそれらすべてを試してみた、私はfloatを試してみた、blockを試したし、他のホスト：ここで私が作ったモックアップの写真です私はそれを理解することはできません。彼らはまだ上下に並んでいます。どんな助けもありがとうございます。ここにはフッタのすべてのコードが入っています。

https://jsfiddle.net/kLbtfqp6/

Answer 1

これにあなたのCSSを変更し

：

.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; 
}