text wraps lines automatically, and neither text-algin nor
vertical-align works. Is there any way not to use display:table-cell,?
.cell {
float: left;
width: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-all;
line-height: 23px;
padding-left: 10px;
padding-right: 10px;
height: 120px;
text-align: center;
}
<div class="cell"></div>
<div class="cell"></div> 