Überschrift in Bild HTML?

Hallo,

wie kriege ich es hin das meine Überschrift (h1) in einem Bild unten links ist?

Danke

Answer 1

[Nemophila]

Hier ist ein ganz simpler Code von w3schools:

<div class="container">
  <img src="img.jpg">
  <div class="bottom-left">Bottom Left</div>
</div>

<style>
.container {
  position: relative;
  text-align: center;
  color: white;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}
</style>

Obwohl ich mir überlegen würde, ob so eine Überschrift wirklich ein <h1> sein sollte. Aber kann in deinem Fall ja passen.