/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

1 vote192 views1 answer
Difference between html and css
CSS
1 vote184 views2 answers
Show hidden message html
CSS
0 vote156 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS
-1 vote189 views1 answer
Bootstrap scrollable modal
CSS
2 votes200 views2 answers
Adding background image to a div css
CSS
0 vote145 views0 answer
CSS
10 votes179 views2 answers
Remove underline on hover span
CSS
0 vote202 views2 answers
Css removing title popups
CSS
2 votes177 views1 answer
How to apply css to firefox only
CSS
0 vote232 views1 answer
Global css cannot be imported from files other than your
CSS