Как сделать текст по центру в диве?

Question

[BavarianBeer]

https://jsfiddle.net/59vrof8e/
чтобы автоматически подсчитывалось, я конечно могу сделать по пикселям, но считать их вечно такое себе
объясните

Answer 1

[Владимир Сурков]

смотри тут

Answer 2

[Механик]

.item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 100px;
    text-align: center;
    background: rgba(200, 0, 0, 0.6);
    color: rgba(0,200,200,0.8);
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 20px;
    border: 4px solid rgba(255,255,255,0.9);
}