html - このフッターを達成する方法

Question

私は完全に空白です。左側にテキストがあり、右側に画像があるフッターを実現しようとしています。

画像を参照してください。テキストと、画像が配置される場所を示す四角形が表示されます。

助けてくれた人に本当に感謝します

Answer 1

次のように、相対配置されたコンテナ内に両方の要素を絶対に配置できます...必要に応じて高さと寸法を調整します。

HTML:

<div id="footer">
    <span>Text here</span>
    <img src="file" alt="" width="" height="" />
</div>

CSS:

#footer {
    position: relative;
    height: 200px;
}

#footer span {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

#footer img {
    position: absolute;
    bottom: 20px;
    right: 20px;
}