I'd like to make my text align from the bottom of the img.

Like below :

Do somebody knows how to make that trick ?

CodePudding user response：

Use flexblox on the wrapping element, and you can then justify/align the items as needed.

<div style="display:flex;align-items:end;">
  <div style="width:100px;height:100px;background-color:gray">Replace this div with image tag</div>
  <span>Text text text</span>
</div>

Click here to see codepen example.