टेक्स्ट को ऊपर बाईं ओर रखने के लिए, बाएँ और ऊपर का उपयोग करें संपत्ति। छवि पर टेक्स्ट को बाईं ओर रखने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
.box {
position: relative;
}
img {
width: 100%;
height: auto;
opacity: 0.6;
}
.direction {
position: absolute;
top: 10px;
left: 19px;
font-size: 13px;
}
</style>
</head>
<body>
<h1>Heading One</h1>
<p>Below image has text in the top left:</p>
<div class = "box">
<img src = "https://www.tutorialspoint.com/python/images/python_data_science.jpg" alt = "Tutorial" width = "800" height = "400">
<div class = "direction">Top Left Corner</div>
</div>
</body>
</html>