Как засунуть блок на картинку в CSS? Код и скрин в описании - Вопросы по сайтостроению

Вопрос Как засунуть блок на картинку в CSS? Код и скрин в описании

Регистрация
30 Авг 2013
Сообщения
83
Репутация
0
Спасибо
0
Монет
0
Есть строка с датой публикации, её нужно запихнуть в самый низ картинки, но строка с датой публикации не хочет слушаться)
HTML ______________________
< div class="notation" >
< img src="images/notation/one.jpg"/ >
< h4 >Дата публікації: 15.07.5045
< h2 >Первая запись сайта

< / div >

CSS________________________
.notation {
margin: 20px 0px;
float: left;
width: 750px;
text-align: center;
border: 1px solid #000;
}

.notation img {
float: left;
width: 300px;
height: auto;
}

.notation h4 {
position: relative;
left: 0px;
top: 0px;
float: left;
width: 300px;
height: 20px;
background-color: rgba(0,0,0,.3)
}
 
Сверху Снизу