@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;
}
  • Вопрос задан
  • 71 просмотр
Пригласить эксперта
Ответы на вопрос 1
@AlexsandrLomaev
Используй
float: left, right
Так несколько блоков будут находиться на одной полоске
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы