Как центрировать горизонтально и вертикально поле выбора

Я пытаюсь центрировать горизонтально и вертикально поле выбора

Вот jsfiddle – http://jsfiddle.net/j3r9Lp81/

CSS:

div.currency { text-align:center; } 

HTML:

 
Great Britain Pound Euro US Dollar Australian Dollar Canadian Dollar Japanese Yen Swiss Franc Swedish Krona New Zealand Dollar Hong Kong Dollar

заранее спасибо

Вы можете сделать это так, чтобы центрировать по горизонтали и вертикали поле выбора.

JSFiddle – DEMO

CSS:

 div.wrapper { background: #F00; width: 100%; height: 300px; display: table; } div.currency { text-align:center; display: table-cell; vertical-align: middle; } 

Вы можете сделать это, установив высоту для элемента оболочки и установив его в position: relative тогда вы можете использовать position: absolute для центрирования дочернего элемента.

CSS

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