css 单行、多行垂直居中

先上效果图

<div>思想品德、语文、数学、英语、计算机、科学、艺术等</div><br />
<div>思想政治、语文、数学、英语、物理、化学、历史、地理、生物、计算机、科学等</div><br />
<div>政治、语文、数学、英语、法律知识、文秘、计算机应用、汽车驾驶与维修、武术、军事擒拿格斗等</div><br />

下方是css样式

div{background:yellow;width:400px; height:84px;display:table-cell;line-height: 20px;text-align: center; vertical-align:middle;}