Done according to your image, here’s a Fiddle
<footer>
<span>YOUR AMBITION REALISED</span>
<img src="https://stackoverflow.com/" alt="Image"/>
</footer>
footer {
background: #722F8E;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 200px;
}
span {
display: block;
float: left;
margin: 140px 0 0 70px;
font-family: Tahoma;
font-weight: bold;
font-size: 18px;
letter-spacing: 1px;
color: #fff;
}
img {
background: #fff;
float: right;
width: 100px;
height: 160px;
margin: 0 80px 0 0;
border: 3px solid #111;
}
2
solved How to achieve this footer [closed]