div内の垂直方向の整列ドロップダウン

Question

既知の幅と高さのdivで既知の幅のドロップダウンを配置するにはどうすればよいですか？

<div id="wrapper"> 
     <select id="dropdown" ></select> 
    </div> 

    #wrapper{ 
     border-style:solid; 
     height:100px; 
     width:200px; 
    } 

    #dropdown {  
     vertical-align:middle; 
     width:80px; 
    } 

ここはjsFiddleです。

Answer 1

#wrapper { 
    border-style:solid; 
    height:100px; 
    width:200px; 
    display:table-cell; 
    vertical-align:middle; 
} 
#dropdown { 
    width:80px; 
}