Как использовать переход со ссылками на Mozilla

Question

У меня есть этот код он должен масштабировать ссылку, когда мышь находится над ней

HTML

<a class='subj' href='#'>English 2</a> </br> 

CSS

.subj{ 
    text-decoration:none; 
    transition: 0.5s ease-in-out ; 
    -webkit-transition: 0.5s ease-in-out; 
    -moz-transition: 0.5s ease-in-out; 
} 
.subj:hover { 
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2); 
    transform: scale(1.2); 
}  

Этот код отлично работает как на хроме, так и на мозилле, когда тег равен <p>, но когда он равен <a> он не работает на мозилле, но он работает на хромированном

Answer 1

Установите .subjdisplay на inline-block.

.subj { 
    text-decoration:none; 
    transition: 0.5s ease-in-out; 
    -webkit-transition: 0.5s ease-in-out; 
    -moz-transition: 0.5s ease-in-out; 
    display: inline-block; 
}