在h5中，怎么精确的让文本居中，在一个边框里面水平居中，鼠标经过文字和框里面的背景色同时变。
<!doctype html><html><head><meta charset="utf-8"><title>怎么精确的让文本居中</title><style>a{ text-decoration:none}.box{ width:300px; height:50px; border:1px solid #000; border-radius:5px; margin:100px auto; line-height:50px}.box a{ color:#000; padding-left:60px }.box:hover{ background:#000}.box a:hover{ color:#Fff}</style></head><body><div class="box"><a href="#">怎么精确的让文本居中</a></div></body></html>我这个实现不了，怎么解决用text-align:center 实现不了
