Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html>
<body>
<p>When an item with negative margins are placed, ensure the items after it are placed immediately behind it</p>
<div style="display: flex;">
<div style="background: aquamarine; width: 50px;" >
item 1
</div>
<div style="background: aquamarine; width: 50px;" >
item 1
</div>
<div style="background: aquamarine; width: 50px;" >
item 1
</div>
<div style="background: lightblue; width: 50px; margin-left: -100px;" >
item 2
</div>
<div style="background: lightpink; width: 50px;">
item 3
</div>
</div>
</body>
</html>