Как выровнять блок по центру снизу?

Question

[Дима Соколов]

codepen.io/dimka11/pen/BQxjJV
Нужно выровнять блок с ценой по центру внизу.
position: absolute, не устраивает.

Answer 1

[К. А.]

Тут вот так

.offers .text{
	color: gray;
	font-size: 6pt;
	background-color: white;
  height: 68%;
}

а тут вот так

.offers .price{
	width: 100px;
  margin: 0 auto;
}

Попробуйте)

Comments

[Maks Codov]

и без flex )

Answer 2

[DTX]

display: flex;

Примеров куча.

Вот с absolute:
codepen.io/anon/pen/WoJKGo

Comments

[Дима Соколов]

Если без flex?

[DTX]

Дима Соколов: таблица/100% height для content'a + отрицательный margin-top.
Чем не устраивает absolute/flex?

[Дима Соколов]

DTX: Как рассчитать left в процентах, чтобы было ровно по центру?

[DTX]

Дима Соколов:
left: 50%;
transform: translateX(-50%);

[DTX]

Дима Соколов: codepen.io/anon/pen/WoJKGo