Swappable
Maintaining layout while swapping direct children can be challenging. This example solves the problem using nth-child and adjacent sibling selectors.
View code on GitHub
one
two
three
four
five
six
seven