enter image description here Hello, tell me please, I have no activity in the middle of the button, there is an effect of pressing on the left and on the right, but I don’t have it in the middle, this is when I do the right alignment, such a problem, how to remove it?

<p align="right"> <style> a { display: inline-block; text-decoration: none; } a:hover span{ background: #aaaaaa; } a span { display:inline-block; text-transform: uppercase; color: #ffffff; text-decoration: none; font-family: Tahoma; font-size: .67rem; height: 39px; line-height: 39px; width: 115px; text-align: center; background: #6f7075; } a img { display: none; } </style> <a href="http://www.123contactform.com/form-2169330/-" ><img border="0" src="http://i.piccy.info/i9/acfb6e3f8f7771c1c4cd0c74a9822ec9/1472759469/599/1065900/PRYPer.gif"><span>ЗАКАЗАТЬ ЗВОНОК</span></a>
  • one
    What is inactivity? Everything is active here. You forgot the <p> tag by the way. - Legionary
  • By the way, why do you need to load a picture and not show it? - Duck Learns to Take Cover
  • I added a picture to the post - ANDYANDREY

1 answer 1

Perhaps due to the fact that the paragraph p was not closed.

 a { display: inline-block; text-decoration: none; } a:hover span{ background: #aaaaaa; } a span { display:inline-block; text-transform: uppercase; color: #ffffff; text-decoration: none; font-family: Tahoma; font-size: .67rem; height: 39px; line-height: 39px; width: 115px; text-align: center; background: #6f7075; } a img { display: none; } 
 <p align="right"> <a href="http://www.123contactform.com/form-2169330/-" ><img border="0" src="http://i.piccy.info/i9/acfb6e3f8f7771c1c4cd0c74a9822ec9/1472759469/599/1065900/PRYPer.gif"> <span>ЗАКАЗАТЬ ЗВОНОК</span> </a> </p>