How to vertically align text in input type=”text”? [duplicate]

by

Use padding to fake it since vertical-align doesn’t work on text inputs.

jsFiddle example

CSS

.date-input {     
    width: 145px;
    padding-top: 80px;
}​

More Related Contents:

  1. How can i change the icon color to some other color in CSS?
  2. Unable to scroll on website
  3. How to Create Border In Css Iike
  4. CSS margin terror; Margin adds space outside parent element [duplicate]
  5. Table fixed header and scrollable body
  6. How to vertically align text inside a flexbox?
  7. Make CSS Hover state remain after “unhovering”
  8. display: inline-block extra margin [duplicate]
  9. How create table only using tag and Css
  10. CSS Single-column layout centered fixed-width 100% height w header and footer
  11. How can I correctly select the first or the last child with CSS?
  12. How can I have two fixed width columns with one flexible column in the center?
  13. One tall div next to two shorter divs on Desktop and stacked on Mobile with Bootstrap 4
  14. How to style dt and dd so they are on the same line?
  15. How to display vertical text in table headers with auto height / without text overflow?
  16. Add target=”_blank” in CSS
  17. Center image element in parent div
  18. Why is the span’s line-height useless?
  19. CSS – How to have children in different parents the same height?
  20. HTML ordered list 1.1, 1.2 (Nested counters and scope) not working
  21. Can you use CSS to mirror/flip text?
  22. Fallback background-image if default doesn’t exist
  23. CSS list-style-image size
  24. Make a parent div webkit-filter not affect children
  25. How can I force div contents to stay in one line with HTML and CSS?
  26. Square DIV where height is equal to viewport
  27. Styling autocomplete dropdowns in browsers
  28. Giving background-color to body applying whole page. Why?
  29. Why is my .sticky-top class not working in Bootstrap 4?
  30. Make plus symbol in CSS

Leave a Comment