aタグ 中央寄せ

質問

こんにちは
aタグのの内容を上下左右の中央に寄せたいのですが、
どのようにすればよいでしょうか？

html--------------
<div class="specialEdition">
<a href="#">LINK</a>
</div>

css---------------
#leftcolumn .specialEdition {
position:relative;
width:180px;
height:100px;
background:url(images/left01.png) no-repeat;
cursor:pointer;}
#leftcolumn .specialEdition a{
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;}

回答No.2

ORUKA1951

li　長さ指定 - Webデザイン・CSS - 教えて！goo( http://okwave.jp/qa/q7923370.html )
のNo.2　で回答しました。
　横に配置すれば、必ず必要になる設定です。
　あわせて、ブロックの高さの中心に合わせる方法
　ウィンドウ横幅に依存しない方法も示してあります。
　　これによって幅広ディスプレイでもスマホでも対応できます。

★a要素は行内要素ですから、必ずblockに指定しないと、text-alignの意味がありません。もちろんその親がブロックならそれでも良いですが・・
　No.2の回答を実際に試して理解してください。それが一番判りやすいでしょう。