Почему текст оказывается сбоку а не вверху картинки?

Question

[Evgenij_nechujveter]

Почему текст оказывается сбоку а не вверху картинки?

Вот такой код:

<div class="wrapper">
<a href="https://granitrus.ru/pamyatniki-na-mogilu">Памятники</a>
</div>
<div class="wrapper">
<img src="images/1/pamatniki.jpg">
</div>

CSS прописал так:
.wrapper {
float: left;
}

Сейчас картинка выглядит так:

Нужно чтобы текст был сверху картинки, а не сбоку. Что я делаю не так?

Comments

[Леонид Князев]

Прежде чем использовать како-то css-свойство, почитайте про него float и разберитесь как оно работает.

[Darya Shvakh]

А лучше про flexbox

Answer 1

[Никита]

ссылку в дивку засуньте

Comments

[Evgenij_nechujveter]

Уже переделал, все равно так выглядит

Answer 2

[bugagashnik]

У общего дива в которых находятся дивы(wrapper) какойто стиль есть? Изза него может быть скорее всего. Дивы должны по дефолту идти с сбросом на след строку. Или попробуй прописать для родительского дива обоих wrapper'ов следующее:

display:flex;
flex-direction:column;