сделать h2 текста подчеркивание при наведении курсора на изображение

Question

jsfiddle.net/pxojrb1o/

Здравствуйте,

Я пытаюсь сделать текст подчеркивание «ретро продукты» при наведении курсора мыши на зеленой картинке. Если я поставлю зеленую картинку в тег h2, она будет смещаться. может кто-нибудь помочь?

Answer 1

HTML-: Я добавил класс к h2

<h2 class="products"><a href="products.html">retro products</a></h2> 

CSS

.home-featured-class:hover .products { 
    text-decoration: underline; 
} 

http://jsfiddle.net/pxojrb1o/3/

Для получения дополнительной информации см эту тему: How to affect other elements when a div is hovered