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 vote133 views1 answer
Line not breaking css
CSS
28 votes98 views5 answers
Font face html
CSS
39 votes102 views5 answers
Add drop shadow css
CSS
0 vote103 views1 answer
How to remove gap between divs
CSS
3 votes107 views2 answers
Scss sass watch command line
CSS
0 vote113 views1 answer
Understanding '+' sign in css selector
CSS
0 vote110 views1 answer
Css grid first child
CSS
5 votes88 views4 answers
Paginate bs
CSS
0 vote100 views1 answer
Background effect css
CSS
5 votes103 views1 answer
Safari only CSS hack
CSS