Why is the text on the side and not at the top of the image?

Question

css

Why is the text on the side and not at the top of the image?
Here is the code:

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

CSS has written like this:
.wrapper {
float: left;
}
Now the picture looks like this:

We want the text to be on top of the picture, not on the side. What am I doing wrong?

Answer 1

put the link in the div

Answer 2

It's hard to say without the code, try putting the link in a container with a picture, and give the link this code

position: absolute;
top: 0;
left: 0;

Answer 3

Does the common div in which the divs (wrapper) are located have some style? Because of him, it could be more likely. Divas should by default go with a reset to the next line. Or try writing the following for the parent div of both wrappers:

display:flex;
flex-direction:column;