Untuk memindahkan elemen yang memiliki posisi relative, absolute, fixed, atau sticky, kita menggunakan properti koordinat offset: top, right, bottom, dan left.
CSS Position Offsets
Contoh Mengatur Koordinat Offset:
<!DOCTYPE html>
<html>
<head>
<style>
.kotak-geser {
position: relative;
left: 30px;
top: 10px;
background: #fca311;
padding: 15px;
border-radius: 8px;
max-width: 250px;
}
</style>
</head>
<body>
<div class="kotak-geser">Kotak ini digeser 30px ke kanan dan 10px ke bawah dari posisi normalnya.</div>
</body>
</html>Properti offset hanya akan berfungsi jika elemen memiliki position selain static.