/Html/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

53 votes173 views5 answers
Html anchor
Html
43 votes139 views10 answers
Youtube
Html
49 votes150 views4 answers
Disable autocomplete on input
Html
11 votes102 views1 answer
Jquery select th by class
Html
1 vote145 views1 answer
Csrf token html form
Html
0 vote143 views1 answer
Capturar valor de attr jquery
Html
0 vote132 views1 answer
React connect
Html
1 vote135 views1 answer
How to add a description to a table html
Html
1 vote134 views1 answer
Filled input in form
Html
0 vote149 views1 answer
Html detection vpn script
Html