Как сделать описание к картинке по центру?

Question

[Bart Simpson]

Как сделать так чтобы текст под иконками был посередине как на фото?
Этот блок сверстал, флексами выровнял но текст куда-то уезжает..

Comments

[Артем Золин]

Показывайте вашу верстку

[Bart Simpson]

Артем Золин,

<div class="block__brown">
				<div class="brown__content">
					<div class="experience">
						<img src="img/icons/certificate.png" alt="certificate">
						<p>Work experience more than 10 years</p>	
					</div>
					<div class="guarantee">
						<img src="img/icons/check_box.png" alt="check_mark">
						<p>Plant warranty</p>
					</div>
					<div class="nurseries">
						<img src="img/icons/plant.png" alt="plant">
						<p>Lorem ipsum dolor sit amet consectetur.</p>
					</div>
				</div>
			</div>

.block__brown{
	width: 1060px;
	height: 122px;
	background-color: rgba(33, 26, 21, 0.99);
	margin: 0 auto;
	border-radius: 4px;
	transform: translateY(150px);
	& .brown__content{
		width: 600px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-top: 5px;
		& div{
			width: 120px;
			height: 50px;
		}
		& p{
			font-size: 14px;
			color: #FFDF9E;
			padding-right: 19px;
		}
	}
}

[Ankhena]

Дожили
.brown__content p {text-align: center}

[Bart Simpson]

Ankhena, это я пробовал, все равно все плывет

[Ankhena]

Ivan Lunin, ну так и картинку тоже, наверное, нужно поставить по центру

[Ankhena]

Ivan Lunin,
Либо гридами или флексами.

[Ankhena]

Ivan Lunin, И ещё, эти иконки не являются контентными.
Поэтому, должны быть сделаны фоном и/или псевдоэлементами.
В крайнем случае им нужно поставить aria-hidden или role presentation.

[Bart Simpson]

Ankhena, понял, благодарю!