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 ; }

Tags:

Html Example