Как выровнять текст?

Question

[Oleg Sevoc]

Всем доброго времени суток, подскажите как сделать что бы текст прижался не краю а был в одну линию ?
вот так только в центре блока

<div class="box_sub">
        <div class="box">
            <div>Lorem ipsum dolor sit.</div>
            <div>Lorem ipsum .</div>
            <div>Lorem i dolor sit.</div>
            <div>Lorem ipsumr sit.</div>
            <div>Lorem ipsum dolor sit.</div>
            <div>Lorem ipsum dolor sit.</div>
        </div>
        <div class="box">
            <div>Lorem ipsum dolor sit.</div>
            <div>Lorem ipsum sit.</div>
            <div>Lorem dolor sit.</div>
            <div>Lorem ipsum dolor sit.</div>
            <div>Lorem ipsum dolor sit.</div>
            <div>Lorem ipsum dolor sit.</div>
        </div>
        <div class="box">
            <div>Lorem ipsum dolor sit.</div>
            <div>Lorem dolor sit.</div>
            <div>Lorem dolor sit.</div>
            <div>Lorem dolor sit.</div>
            <div>Lorem ipsum dolor sit.</div>
            <div>Lorem ipsum dolor sit.</div>
        </div>
    </div>

.box {
    width: 400px;
    height: 400px;
    border: 2px solid green;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    margin: 20px;
}

.box_sub {
    display: flex;
}

Answer 1

[Арсений Матыцин]

Используй паддинг и не мучай центрирование.