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 vote202 views2 answers
Check if post page wp
CSS
0 vote119 views1 answer
Blue color when button click web mobile
CSS
0 vote109 views2 answers
How set image at top in wordpress
CSS
-1 vote75 views1 answer
How to make div possion top in css
CSS
68 votes139 views6 answers
Add css file in html
CSS
0 vote118 views7 answers
Xle
CSS
0 vote112 views1 answer
Tint image css
CSS
0 vote126 views1 answer
Textarea resize only horizontal
CSS
0 vote113 views2 answers
Background Video.module.css'
CSS
0 vote129 views1 answer
Css element top layer
CSS