How to add CSS vertical alignment text inside li?

Spread the love

Sometimes, we want to add CSS vertical alignment text inside li.

In this article, we’ll look at how to add CSS vertical alignment text inside li.

How to add CSS vertical alignment text inside li?

To add CSS vertical alignment text inside li, we use flexbox.

For instance, we write

li {
  display: flex;
  flex-direction: row;
  align-items: center;
}

to make the li elements flex containers with display: flex;.

We make the flex direction horizontal with flex-direction: row;.

And we vertically center the items inside each li with align-items: center;.

Conclusion

To add CSS vertical alignment text inside li, we use flexbox.

Leave a Reply

Your email address will not be published. Required fields are marked *