Category:

Tutorial

Duration: 2:51

118 views

3

In this tutorial, I will show you how to add text on image or picture using HTML and CSS. This is a beginner friendly tutorial.

CSS Code:
.parent_div {
position: relative;
width: 100%;
max-width: 500px;
}

.parent_div img {
width: 100%;
display: block;
}

.text-div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 120px;
font-weight: bold;
text-align: center;
text-shadow: 3px 3px 3px black;
}

#html #css #tutorial
For more information: himel356@gmail.com