フレックスボックスなしでdiv内にインライン要素をセンタリングする

Question

私は簡単にすべきことを達成しようとしています。aタグをdivの内側に配置しています。私はこれが古典であることを知っています。そこにも同様の質問があり、それもフレックスボックスで行うことができますが、私は後者を避けようとしています。

.wrapper { 
 
    background-color: gold; 
 
    height: 200px; 
 
    width: 100%; 
 
    position: relative; 
 
    text-align: center; 
 
    vertical-align: middle; 
 
} 
 
a { 
 
    border: 4px dashed white; 
 
    height: 95%; 
 
    width: 95%; 
 
    display: block; 
 
    box-sizing: border-box; 
 
}

<div class="wrapper"> 
 
<a> 
 
    Link 
 
</a> 
 
</div>

すべてのヘルプは大歓迎されます！

EDIT：aタグは、ラッパーの高さを知らずに、フレキシブルでwrapperと入力してください。

Answer 1

ラッパーのdivに行の高さを追加します

.wrapper { 
 
    background-color: gold; 
 
    height: 200px; 
 
    width: 100%; 
 
    line-height:200px; 
 
    position: relative; 
 
    text-align: center; 
 
    vertical-align: middle; 
 
} 
 
a { 
 
    border: 4px dashed white; 
 
    height: 95%; 
 
    width: 95%; 
 
    display: block; 
 
    box-sizing: border-box; 
 
}

<div class="wrapper"> 
 
<a> 
 
    Link 
 
</a> 
 
</div>