Как сделать центрировку символа в блоке на css?
Например с помощью flexbox:
.ava{
        display: flex;
        align-items: center;
        justify-content: center;
       ...
    }
У символов разный размер, при этом высота строки одинаковая. Можно попробовать поиграть с параметром line-height (допустим, попробовать 0 или 1)