Talvez seja uma pergunta boba, mas tenho certeza que será útil para muitos iniciantes. Eu construí um código. O que estou tentando fazer é exibir o texto (em<p> tags) que está atualmente oculto, somente quando o<a> é pairado. Isso é possível sem js? Pode ser feito operando somente em css / html? o código html está aqui:

                <div class="promo2">
                    <a href="speakers-hire.html">
                        <div class="promo2a">
                            <p>SPEAKERS</p>
                        </div>
                    </a>

                    <a href="decks-hire.html">
                         <div class="promo2a">
                            <p>CD PLAYERS</p>
                        </div>
                    </a>

                </div> 

e os css que correspondem ao html acima:

.promo2a:hover{
background:url(../_images/generic/glass5.png);
display:inline-block;

}

.promo2a p{
display:none;

}

Então, basicamente eu quero o texto em<p> para ser exibido quando todo o divpromo2a é pairado.

Qualquer ajuda é gentilmente apreciada. Agradeço antecipadamente.