позиционирование div в углу изображения

Question

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

Вот пример того, что мне нужно:

Это цикл:

<div id="images">
    <?php wp_get_attachment_image(); ?>
</div>
<div id="date">
    <?php get_the_date(); ?>
</div>

Iопубликовал этот @ wordpress.stackexchange, но они сказали опубликовать его здесь

Answer 1

Неважно, какого размера изображение. Вы должны указать контейнер div a position:relative и угол div position:absolute с top:0 и left:0

HTML:

<div id="images"><?php wp_get_attachment_image(); ?>
<div id="date"><?php get_the_date(); ?></div>
</div>

* примечание дата находится внутри тега изображения!

CSS:

#images{
position:relative;
}

#date{
position:absolute;
top:0;
left:0;
}