xxxxxxxxxx
content: "";
display: block;
height: var(--spacer-m);
xxxxxxxxxx
// Use this instead of <br> so you can use css to change height:
/* The best spacer ever invented */
hr.space-1 {
background: transparent;
color: transparent;
margin: 0;
border-style: none;
height: 1vw;
}
<hr class="space-1">
xxxxxxxxxx
br { content: ""; display: block; margin: 1rem 0; }
br::after { content: "› "; /* content: " " space ignored */; float: left; margin-right: 0.5rem; }