Để định vị văn bản ở trên cùng bên trái, hãy sử dụng nút bên trái và trên cùng bất động sản. Bạn có thể thử chạy đoạn mã sau để định vị văn bản sang vị trí bên trái trên hình ảnh -
Ví dụ
<!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>