Как вывести заголок в одну строку с кругом?

Question

[Andrew Foy]

<section class="all_inclusive">
  		<div class="container">
  			<div class="section-header section-header_active">
  				<h2>Все на 100% включено!</h2>
  				<p>При выполнении работ с нашим материалом в стоимость входит:</p>
  			</div>
  			<div class="row">
  				<div class="col-lg-3">
  					<div class="media">
  						<div class="media-left">
  							<span class="circle-border">
  								<span class="circle">
  									1.
  								</span>
  							</span>
  						</div>

  					  <div class="media-body">
  					    <h4>Media heading</h4>
  					  </div>
  					</div>
  				</div>
  			</div>
  		</div>
  	</section>

.circle-border {
	display: inline-block;
	width: 5rem;
	height: 5rem;
	border: 2px solid @icons-color;
	border-radius: 50%;
	text-align: center;
	line-height: 4rem;
}

Comments

[Вадим]

.media {display: flex}

Answer 1

[Валерий]

.media {
    display: flex;
}

Comments

[Andrew Foy]

Снова здравствуйте! А как теперь отодвинуть заголовок от кружка?

[Валерий]

.media-body {
    margin-left: ?
}