I am trying to center the text of an href element, on webkit browsers (chrome/safari).This is the html:\[code\]<div> <a onclick="check(1);" id="check1" class="linkText">center please</a></div>\[/code\]The css is:\[code\].linkText, .linkText:hover {margin: 0 auto;background-image:url(/images/q.png);width:280px;height:57px;background-repeat:no-repeat;background-color:Transparent;border:none;font-size:18px;font-weight:normal !important;color:Black !important;text-shadow: none !important;display: -webkit-box;text-align:center;-webkit-box-align: center;box-align: center; }\[/code\]The result I get is shown in the image attaced:
Any ideas?10X!