css move element code example
Example 1: how to change image position in css
.image{
position: absolute;
right:300px;
}
Example 2: how to move an image up in css
.image{
position: relative;
top: -125px;
}
Example 3: what are the types of positioning in css
The types of positioning in CSS are-
1)static: this is the default value.
2)sticky: the element is positioned based on the user's scroll position.
3)fixed: the element is positioned related to the browser window.
4)relative: the element is positioned relative to its normal position.
5)absolute: the element is positioned absolutely to its first positioned parent.
Example 4: how to move anything left in css
<html>
<head>
</head>
<body>
<div style = "position:relative; left:80px; top:2px; background-color:yellow;">
This div has relative positioning.
</div>
</body>
</html>
Example 5: css position
h2.pos_left {
position: relative;
left: -20px;
}
h2.pos_right {
position: relative;
left: 20px;
}
Example 6: html css position
.class{ position: attribute ; }