Align list-item with the help of flex. Flex will make columns flexible according to content. The wrapper will layout columns in a row.
.wrap{ display : flex }// This will help wrapper to become flexible .wrap.col{ flex: 1 0 33%; }
Flex is basically a property which helps in making element flexible.
Use the following to keep the lists vertically aligned to the bottom −
.col .content { margin-top: auto; }