Centering a html element using css

Question

I have used a div and used margin:auto , but it does not work.

#up {
  margin: auto;
  display: block;
}

<div id="up">
  <input type="file" name="fileToUpload" id="fileToUpload">
</div>

Please add the code you have tried. Questions asking why a code doesn't work must contain that code (in your case it must be *HTML and CSS*). — web-tiki, Jan 18 '16 at 16:47
I have tried text-align: center; but it doesn't work -thanks — Semi Developer, Jan 18 '16 at 16:52
@AdminRelative please edit your code into the question itself — web-tiki, Jan 18 '16 at 16:54
Did you even *try* searching Stack Overflow first...there are dozens (if not hundreds) of centering questions. — Paulie_D, Jan 18 '16 at 16:56

score 1 · Answer 1 · answered Jan 18 '16 at 17:00

This is duplicate question, however:

You want the input to be centered? Then add text-align:center; to the container div.

#up { margin: auto; display:block; }
#up { border: 1px solid blue; }

#alignCenter {text-align:center;}
#alignCenter {border:1px solid purple;}

/* To illustrate what is happening */
#fileToUpload {background:red;}

<div id="up">
  <input type="file" name="fileToUpload" id="fileToUpload">
</div>

<div id="alignCenter">
  <input type="file" name="fileToUpload" id="fileToUpload">
</div>

Centering a html element using css

1 Answers1