Center vertically text for file-input

Question

I want to center vertically No file chosen text with the file button. How I can do that?

Possible duplicate of [Change the "No file chosen":](https://stackoverflow.com/questions/16001586/change-the-no-file-chosen) — divy3993, Oct 21 '17 at 20:55

Brent Pappas · Answer 1 · 2017-10-22T21:50:30.787

Well, you could put both the button and the text in a flex-box by placing them inside a div with the flex-container class. Then style the .flex-container div with align-items: center in your css file. Here's some more info, and here's a very basic example.

.flex-container {

  align-items: center;

}

button {

height: 100px;
width: 100px;
font-size: large;

}

span {

  font-size: small;

}

<div class="flex-container">
  <button class='flex-item'>Big button</button>
  <span class='flex-item'>Tiny text</span>
</div>

Center vertically text for file-input

1 Answers1