css使文字垂直水平居中

.ha{
    width: 200px;
    height: 200px;
    padding: 0;
    font-size: 30px;
    font-weight: 800px;
    color: chartreuse;
    border: solid 1px darkblue;
    text-align: center;
    display: table-cell;
    vertical-align:middle
}

<div class="ha" name="ha" id="ha">哈羅單車</div>

結果如下