Positioning and overlaying image on another image

You can use css to solve the problem.

div {
  position: relative;
  display: inline;
}
.imtip {
  position: absolute;
  bottom: 0;
  right: 0;
}
<div>
  <img src="https://i.stack.imgur.com/Blaly.png" />
  <img src="http://www.w3schools.com/favicon.ico" class="imtip" />
</div>

Basically, I’ve done more or less what ZDYN said, just that you need to include a display: inline in the container otherwise the container div spans the whole width.

Leave a Comment