Beispiel:Position-absolute-1.html
Aus SELFHTML-Wiki
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" > <title>position: absolute - 1</title> <style> .karte {
position: relative; width: 21em; margin: 2em; border: thin solid;
}
.karte img {
display: block; width: 100%;
}
.badge {
position: absolute; top: 0.5em; right: 0.5em;
padding: 0.3em 0.7em; background: #c82f04; color: white; border-radius: 0.5em;
} </style> </head> <body>
position: absolute - 1
<figure class="karte">
<img src="https://wiki.selfhtml.org/images/6/6e/Landscape-2-night.svg" alt="Beispielbild"> Neu <figcaption> Ein Bild mit einem darüberliegenden Hinweis. </figcaption>
</figure> </body> </html>
