KONTENEUR KONTEN NGAMBANG

PERHATIKAN TULISAN "IJAZAH" ITU ADA DI KONTEN-NGAMBANG....
INI RUMUSNYA:
<style type="text/css"> * { box-sizing: border-box; } .konteneur { position: relative; max-width: 800px; margin: 0 auto; } .konteneur img {vertical-align: middle;} .konteneur .konten { position: absolute; bottom: 0; background: rgb(0, 0, 0); /* Fallback color */ background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */ color: #f1f1f1; min-width: 100%; padding: 20px; width: device-width, initial-scale=1; } .konten-ngambang{ text-align: center; margin-top: -50%; position: absolute; text-align-last: center; width: 100%; font-size: 100px; } </style> <br /> <h2> Gambar ditampilkan dengan teks mengambang</h2> <div class="konteneur"> <img alt="Notebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRJN3HYYsc8libvDQMZzSnV5JIoi-3-3LiQdvhl9sv22kiWg7u3LiFnhNmF9V7rTXLcIPwMKDISLzHNw7lrIxK8MSWQR8TuAVnE-uDKMDfdAXwzDJBbFJ3zpfUxBRO1cvf67ihtTUYtEd_/s1600/gu.jpg" style="width: 100%;" /> <br /> <div class="konten"> <h1> SKY Untuk Guru</h1> Ini adalah tampilan sk yapista untuk guru di MTs. Tauhidul Afkar</div> </div> <div class="konten-ngambang"> ijazah</div>
sumber: https://www.w3schools.com/code/tryit.asp?filename=GBJ01ZX40TI1
diadopsi untuk: https://mts536tauhidulafkar.blogspot.com/2020/02/sky-untuk-guru-2018.html

Gambar ditampilkan dengan teks mengambang

SKY Untuk Guru

Ini adalah tampilan sk yapista untuk guru di MTs. Tauhidul Afkar

ijazah