文字在div中居中

话不多说，看代码

div class="div1">
<span class="span2">等级分类法拉盛说的分离卡萨丁</span> <br>
<span class="span2">等级分类法拉盛说的分离卡萨丁</span>
</div>

接下来是重点

.div1{
display: table-cell;
width: 500px;
height: 300px;
border: 10px solid red;
font-size: 20px;
vertical-align: middle;
padding: 10px;
}
.span2 {
display: inline-block;
font-size: 16px;
vertical-align: middle;
}