<!DOCTYPE HTML> <html> <head> <title>CSS Reference: Test for left:calc() on relatively positioned elements</title> <link rel="author" title="L. David Baron" href="https://dbaron.org/"> <style type="text/css"> body { margin: 0 100px; width: 100px } div[style] { background: blue; position: relative; height: 3px; } </style> </head> <body> <div style="left: 50px"></div> <div style="left: -50px"></div> <div style="left: 75px"></div> <div style="left: -45px"></div> <div style="left: 40px"></div> <div style="left: -30px"></div> </body> </html>