/CSS/Css how to place an icon on a photo

Css how to place an icon on a photo

.container { position: relative; }
.container img { display: block; }
.container .fa-download { position: absolute; bottom:0; left:0; }

Source: stackoverflow.com

Css how to place an icon on a photo

<link href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" rel="stylesheet"/>

<div class="container">
   <img src="https://placekitten.com/300/300">
   <a href="dog.png" download="new-filename"><i class="fas fa-download"></i></a>
</div>

Source: stackoverflow.com

Similar codes

0 vote242 views3 answers
Constraint in grails
CSS
0 vote251 views1 answer
Website copyright example
CSS
8 votes249 views1 answer
How to get my div to centre
CSS
1 vote230 views1 answer
Load css file flask
CSS
0 vote235 views1 answer
Inexorably
CSS
0 vote252 views1 answer
Make the cursor appear as a crosshair on all links of the web page:
CSS
1 vote191 views1 answer
How to find the key of the largest value hash?
CSS
1 vote247 views1 answer
How to check if eloquent result is empty
CSS
98 votes234 views2 answers
Css box-shadow shorthand
CSS
6 votes229 views5 answers
Object fit css
CSS