CSS center text (horizontally and vertically) inside a div block?

Question

I have a `div` set to `display:block`. (`90px` `height` and `width`) and I have some text inside.I need the text to be aligned in the center both vertically and horizontally.I have tried `text-align:center`, but it doesn't do the horizontal part so I tried `vertical-align:middle` but it didn't work.Any ideas?

Answer 1

Hi there. Have you tried to use css flex-box?

<div>this text is vertically/horizontaly aligned at the center</div>

div {

display: flex;

justify-content: center;

align-items: center;

width: 90px;

height: 90px;

padding: 5px;

background: blue;

color: white;

font-size: 12px;

word-break: break-word;

}