Avatar change design html css

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">

<div class="wrap">
  <img src="https://i.stack.imgur.com/mSXoO.png" class="main-profile-img" />
  <button><i class="fas fa-edit"><input type="file" name="avatar"></i></button>
</div>

Source: stackoverflow.com

Similar codes

0 vote175 views1 answer
Make img tag take all div space
CSS
0 vote506 views1 answer
Fgg
CSS
2 votes144 views1 answer
Xpath vs css selector
CSS
1 vote179 views2 answers
Ease-in in css
CSS
0 vote189 views1 answer
How to add space between image and text in css
CSS
0 vote184 views1 answer
Tailwindcss tutorial
CSS
0 vote182 views1 answer
How to add images on images css
CSS
19 votes220 views2 answers
Border color css
CSS
0 vote150 views1 answer
New margin property css 2021
CSS
0 vote192 views1 answer
Remove double quotes from string kotlin
CSS