Как сделать чтобы номер был под заголовком?

Question

[jeka-3]

Как сделать чтобы номер был под заголовком ?
z-index не работает

<div class="section-header">
	  <span>02</span><h1>Георграфия наших заключений</h1>	
	</div>

.section-header {
	position: relative;
	text-align: center;
	margin-top: 2.5rem;
 .section-header span {
	position: absolute;
	top: 2.5rem;
	color: gray;
	vertical-align: bottom;
	font-size: 13rem;
	font-weight: 500;
	line-height: 45px;
}
 .section-header h1 {
	display: inline-block;
	height: 38px;
	text-shadow: 0 1px 3px #ffffff;
	color: #585858;
	font-size: 3.6rem;
	font-weight: 400;
	line-height: 45px;
}

Answer 1

[Максим Тимофеев]

каждый раз когда слышу "z-index не работает " причина или в непонимании как он работает или в недосмотре (где-то более приоритетный селектор и на нем неожиданный z-index)
В Вашем случае первое, но вы почему-то вместо того что бы разобраться, решили что он не работает. Он всегда работает:
https://codepen.io/wokster/pen/MBgmWw

ради интереса, а "Георграфия наших заключений" это "где мы сидели"?

Answer 2

[yakupov112]

z-index поставьте на span
https://codepen.io/anon/pen/ZjzeZG

Answer 3

[Stimulate]

https://jsfiddle.net/2nu4jg1b/1/