How to vertically align elements in ?

Question

I have a horizontal

and I need to center each
• in it vertically. My markup is below. Each
• has a border

Answer 1

You can use flexbox for this.

ul {
    display: flex;
    align-items: center;
}

A detailed explanation of how to use flexbox can be found here.