Sublime Text
<!DOCTYPE html> <html> <head> <style type="text/css"> .relative{ background-color: yellow; height:250px; width: 300px; position: relative; left:100px; } .absolute{ background-color: blue; height:50px; width: 50px; position: absolute; left:200px; bottom:0px; } </style> </head> <body> <h1>Heading 1</h1> <div class="relative"> <div class="absolute"></div> </div> <h1>Heading 2</h1> </body> </html>
<!DOCTYPE html> <html> <head> <style type="text/css"> .relative{ background-color: yellow; height:250px; width: 300px; position: relative; left:100px; } .absolute{ background-color: blue; height:50px; width: 50px; position: absolute; left:200px; bottom:0px; } </style> </head> <body> <h1>Heading 1</h1> <div class="relative"> <div class="absolute"></div> </div> <h1>Heading 2</h1> </body> </html>