How to display the title in one line with a circle?

Question

css

<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;
}

Answer 1

.media {
    display: flex;
}