css - Button in front of div - Stack Overflow
![](https://i.stack.imgur.com/Xhp8g.png)
I'm not a CSS expert. I'm trying to place an <input type="button"> in the center of an <img> and I'm having some trouble doing so. Here's a fiddle and here is my HTML: <div id="avat
![](https://upload.wikimedia.org/wikipedia/commons/a/a5/StackOverflow.com_Top_Questions_Page_Screenshot.png)
Stack Overflow - Wikipedia
![](https://miro.medium.com/v2/resize:fit:3840/1*TtrtAMfn2PATB_nD8YpeAA.png)
48 answers on StackOverflow to the most popular Angular questions
![](https://i.stack.imgur.com/Xttkw.png)
html - Align a button to the bottom of the div using CSS (I have
![](https://i.stack.imgur.com/1c18U.png)
html - How can I fixed element a button in col-lg-8? - Stack Overflow
![](https://i.stack.imgur.com/us5N5.png)
html - How do I design a div with a top right corner icon? - Stack
![](https://i.stack.imgur.com/lU8EA.png)
html - Centering 3 buttons within div on the page using CSS
![](https://i.stack.imgur.com/Wu5gx.png)
html - how to center buttons and make small spacing between them
![](https://forum.vivaldi.net/assets/uploads/files/1611652188973-clonetext.png)
Help] How to clone text/content inside an element with CSS
![](https://bs-uploads.toptal.io/blackfish-uploads/components/seo/5837262/og_image/optimized/Refresh-BootstrapMistakes-Luke_Social-a686c7763b9b4bbc9f14b6a2d6ab7e0a.png)
10 Most Common Bootstrap Mistakes That Developers Make
![](https://i.stack.imgur.com/r5Cz0.png)
html - CSS: Overflowing element is not displayed despite overflow
![](https://i.stack.imgur.com/ikXW5.png)
css - How to align buttons to bottom on the page - Stack Overflow
One button sitting lower on navbar than the others? - HTML & CSS
![](https://i.stack.imgur.com/CBkFE.png)
css - make button be vertical center in the div - Stack Overflow
![](https://i.stack.imgur.com/KwGP5.png)
javascript - show and hide div change position depending on the
![](https://i.stack.imgur.com/3cbka.png)
html - Create two buttons overlapping a DIV - Stack Overflow