How can you align the text in the center of a round button and still keep the button round?

[Oldestman57]

This is my css:
.round-button-text { height: 100px !important;
background-color: #3498db !important;
width: 100px !important;
border-radius: 80px !important;
border: 5px solid #bee0f3 !important ;
box-shadow: 10px 10px 5px #888888;
font-style:normal;
font-size: 10px;
text-align: center;
white-space: normal;
} Here is the current condition. I have tried padding and floating, button gets out of round.

[Serhii Kulibaba]

Hello,

Please see the full example how to center components with CSS here: https://css-tricks.com/centering-css-...

[Oldestman57]

Serhii,

Thanks for the link.
Worked great!