Center File Input - Html/Css

css, html, javascript

Solution

It works fine, can we get the entire code ?

body {
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
}

#inp {
  text-align: center;
  margin: auto;
}

<body>
  <input id="inp" type="file" accept="image/*">
</body>

Problem

So guys, I am building a website using HTML, Javascript and CSS, and I have a file input but for some reason it won't get completely centered. ``` body { width: 100%; height: 100%; margin: auto; text-align: center; } #inp { text-align: center; margin: auto; } ``` ``` <input id="inp" type="file" accept="image/*"> ```

Original source