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?

Answer 1

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>