Stack Two HTML Elements On Top Of Each Other With CSS

TL;DR

Use display: grid on a container then grid-column: 1; grid-row: 1; on child elements to stack them on top of each other. For example, this code stacks a | and a -.