PHP ile resimlere dinamik olarak yazı ekleme.
Merhaba,
PHP ile resimlere dinamik olarak yazı eklemek istiyorum. Resmin hep en altında olması gerekiyor eğer uzun bir yazı ise alt satıra geçmesi gerekiyor.
Örnek olarak:
https://i.imgur.com/FN0oJna.jpg
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.container {
position: relative;
text-align: center;
color: white;
}
.bottom-text {
position: absolute;
bottom: 0;
width:96%;
text-align:left;
padding:4%;
font-family:Calibri;
font-size:1.25rem;
color:#fff;
text-shadow:0px 1px 6px #000;
}
</style>
</head>
<body>
<div class="container">
<img src="https://www.androidauthority.com/wp-content/uploads/2015/11/00-best-backgrounds-and-wallpaper-apps-for-android.jpg" alt="img" style="width:100%;">
<div class="bottom-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non ipsum lobortis, lobortis neque ac, finibus arcu. Cras consectetur orci accumsan neque facilisis finibus. Curabitur rutrum turpis vitae dapibus fermentum.</div>
</div>
</body>
</html>