<script>
html { margin: 0; padding: 0; background-color: red; } # 0,0,0,1
body { margin: 5px; background-color: gray; } # 0,0,0,1
</script>
<h3 style="background-color: blue;">Absolute Positioning</h3> <p style="background-color: green;">This is a sample paragraph that we need in order to have something to look at when we set up a positioned paragraph on top of it </p> <p style="position:absolute; background-color:transparent; width:150px; border: 2px black solid; top:0; left:300px; margin:0px;"> This is an absolutely positioned paragraph which will give us something to look at as we start to explore absolute positioning. </p>
This is a sample paragraph that we need in order to have something to look at when we set up a positioned paragraph on top of it
This is an absolutely positioned paragraph which will give us something to look at as we start to explore absolute positioning.