how to change the position in css code example
Example 1: 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 2: html position div
<!DOCKTYPE html>
<html>
<head>
<title>TITLE<title>
<script>
</script>
<style>
</style>
</head>
<body>
<div id='mydiv' style = "position:relative; left:0px; top:100px;">
Hello!
</div>
</body>
<html>
Example 3: popsition relative css
An element with position: relative; is positioned relative to its normal position. Setting the top, right, bottom, and left properties of a relatively-positioned element will cause it to be adjusted away from its normal position. Other content will not be adjusted to fit into any gap left by the element.