Опустить картинку чуть ниже текста

[hello2]

у меня несколько таких блоков, где есть иконка и текст заголовка, но как сделать так, чтобы иконка была ровно по середине, т.е. она сейчас и так вроде бы по середине, а мне надо иконку чуть опустить вниз при этом чтобы текст оставалс на своем месте, или наоборот чуток поднять текст.

КСС код для иконки простой, просто отступ и тексто тоже просто по центру

#write-story .container .box h1 img{margin-right: 4px;}
#write-story .container .box h1{color:#994f2e; font-size: 16px; font-family: Georgia; text-align: center; font-weight: normal;}

Помогите пожалуйста правильно отцентрировать.

И еще вопрос, как сделать всю область ДИВ контейнера ссылкой? Так чтобы при наводе на область, подчеркивался текст?

[Veseloff]

мне надо иконку чуть опустить вниз

сделать для картинки свойство margin-top

И еще вопрос, как сделать всю область ДИВ контейнера ссылкой? Так чтобы при наводе на область, подчеркивался текст?

Вот пример кода

<style>
.off{text-decoration: none;}
.on{text-decoration: underline;}
</style>
<div class="off" onMouseOver="this.className='on'" onMouseOut="this.className='off'">test</div>

Вот по этому примеру можно это сделать

[hello2]

http://www.alexilin.ru/aligning-images-with-vertical-align/

вот это помогло в моем случае.

про контейнер проверрю!

[Mutant]

a {display:block; text-decoration:none;}

a:hover {text-decoration:underline;}

и не надо дива.