Возможно, это глупый вопрос, но я уверен, что он будет полезен для многих новичков. Я построил код. Я пытаюсь отобразить текст (в<p> теги), который в настоящее время скрыт, только когда фактический<a> находится Это возможно без JS? Можно ли это сделать, используя только CSS / HTML? HTML-код здесь:

                <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> 

и CSS, которые соответствуют приведенному выше HTML:

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

}

.promo2a p{
display:none;

}

Так что в основном я хочу текст в<p> будет отображаться, когда весь divpromo2a находится

Любая помощь приветствуется. Заранее спасибо.