How To Center Horizontally And Vertically A Select Box

I'm trying to center horizontally and vertically a select box Here is jsfiddle - http://jsfiddle.net/j3r9Lp81/ CSS: div.currency { text-align:center; } HTML:

Copy

Solution 2:

You can do it setting an height for the wrapper element and setting it to position: relative then you can use position: absolute for centering the child element.

CSS

div.wrapper{
    position:relative;
    background:red;
    height:100px;
}
div.currency {
    text-align:center;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%)
}

Share