How to center align icon inside button?

[tom clack]

https://www.w3schools.com/code/tryit.asp?filename=FTCZIK9F0A66

How to center align icon inside button?

Text-align:center or line-height:50% not working. How can fix it ? Thank you.

[Paulie_D]

You’re using flexbox on the modal, so use the properties available to you

.modal-content {
    align-items: center;
    justify-content: center;
}

That will center the button (no need to use margin at all).

Centering the X is trickier since you’ve changed the font-size so it’s not related to the size of the circle….but that’s another issue.

[Author]

Posts