Поехавшая верстка, проблемы с распределением ширины

[Garretidze]

Всем привет, возникла следующая проблема: 

.reviews__photo {
    width: 50%;
    height: 500px;
    position: relative;
}

.reviews__content {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 80px;

При таком коде возникает следующая ошибка, текст сьезжает вниз:

Вроде все логично - 50 + 50 = 100% и для педдинга не остается места и текст переносится. Однако насколько я понимаю, педдинг должен входить в эти 50%, и текст не должен переносится? По крайней мере так в примере, по которому я делаю. У меня это уже не первый раз такая проблема, помогает только изменение 50% на 43+-, тогда педдинг влезает в эти проценты. Подскажите пожалуйста, заранее благодарен.

[klierik]

Здравствуйте.

Рекомендую к прочтению http://htmlbook.ru/blog/ispolzovanie-box-sizing

Вот наглядный пример:

[Garretidze]

Огромное спасибо за столь быстрый и качественный ответ.

21 час назад, klierik сказал:

Здравствуйте.

Рекомендую к прочтению http://htmlbook.ru/blog/ispolzovanie-box-sizing

Вот наглядный пример: