Почему то span'ы находятся не в одной строке с блоками. и поднять их не получается. что можно сделать?

Question

[otgorn]

Резерв валюты






Yandex RUB


900549








Ethereum ETH


123







Bitcoin BTC


0.63333439









Сбербанк RUB


142666

.section4{
	height: 300px;
	background: linear-gradient(180deg, #EFF2FA 0%, rgba(255, 255, 255, 0) 96.57%);
	transform: translateY(-269px);
	opacity:0.8;

}

.wrapper-3{
	display: flex;
	justify-content: space-between;
    
}

.ruby{
	font-family: 'Rubik';
	font-weight: 500;
	font-size: 35px;
	padding-top: 390px;
    padding-left: 500px;
}
.reserv{
	padding-top: 534px;
	display: flex;
	justify-content: space-between;
    width: 1009px;
    margin-left: -700px;
    height: 100px
   
   
	
}
.background-ring{
	width: 52px;
	height: 52px;
	border-radius:52px ;
	background:rgba(255,168,0,0.1);



}


.background-ring1{
	width: 52px;
	height: 52px;
	border-radius:52px ;
	background: rgba(83,108,195,0.1);

}
.background-ring2{
	width: 52px;
	height: 52px;
	border-radius:52px ;
	background: rgba(255,187,54,0.1); 


}
.background-ring3{
	width: 52px;
	height: 52px;
	border-radius:52px ;
	background: rgba(43,158,47,0.1);
	


}
.background-ring3>img, .background-ring1>img, .background-right2>img,
.background-ring>img {
	width: 25px;
	height: 25px;
	padding-top: 12px;
	padding-left: 12px;
}

.icon-img{

	width: 25px;
	height: 25px;
	padding-top: 12px;
	padding-left: 12px;

}

.symbol{
	display: inline-flex;
	flex-direction: column;
}

.denga, .value{
	padding-left: 84px;
  

}

.denga{
	font-family: 'Rubik';
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #A4AABF;
}
.value{
	font-family: 'Rubik';
	font-weight: 400;
	font-size: 20px;
	line-height: 31px;
	color: #160647;
}

Comments

[Ankhena]

https://jsfiddle.net

[otgorn]

сори, не правильно код вставил

[Ankhena]

otgorn, вставьте правильно.

Этого https://jsfiddle.net/7Lajzbo2/ должно вам хватить, чтобы стало получаться.

[otgorn]

Ankhena, Спасибо большое)

[otgorn]

Ankhena, у меня вопрос есть. Классу icon-i вы задали display: flex и это сработало. Но этот класс уже был обернут в div которому я задавал display: flex. Почему классу icon-i не передалось свойство от родительского div'a?

[Ankhena]

otgorn, свойство display не наследуется.