Как сделать блоки на одной строке?

Question

[thesirvlad]

Имею такой код

<div id="contentContainer" style="margin-bottom: 100px; height: 150px;">
<div class="info__content">
       <i class="fa fa-trophy" aria-hidden="true" style="margin: 5px; font-size: 50px;"></i>
       <p>ТУРНИРЫ</p>
       <i class="far fa-newspaper"></i>
       <p>НОВОСТИ</p>
		</div> 	</div>

стили:

body {
  background-color: blue;
}
#contentContainer{
	width:100%;
	background:black;
	position:relative;
	z-index:2;
	-webkit-box-shadow: white 0px 0px 11px -2px;-moz-box-shadow:white 0px 0px 11px -2px;box-shadow:white 0px 0px 11px -2px;
	color: white;
}
.info__content{
	text-align: center;
	color: white;
	font-family: facon;
	position: relative;
	top: -45px;
}
.info__content i {
	margin: 5px;
	font-size: 50px;
}

Comments

[Андрей]

display: flex

[thesirvlad]

Андрей, мне нужно так, что бы был в строку с другим тегом, а текст был снизу под картинкой, а получается и текст и с картинкой в одной строке

Answer 1

[n1ksON]

https://jsfiddle.net/w3o7m82k/

Answer 2

[AlexsandrLomaev]

Используй
float: left, right
Так несколько блоков будут находиться на одной полоске