html - 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;
}