JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<div class="box-services">
  <div class="box-services-inner">
    <span class="pull-left"><i class="fa fa-refresh">&nbsp;</i></span>
    <div class="media-body">
    <h3><a href="http://www.duoterm.ru/contact-us/"><font><font>Сделать заказ</font></font></a></h3>
    </div>
  </div>
</div>

<div class="box-services">
  <div class="box-services-inner">
    <span class="pull-left"><i class="fa fa-phone">&nbsp;</i></span>
    <div class="media-body">
    <h3><font><font><font><font>+7 916 321-81-40</font></font></font></font></h3>
    </div>
  </div>
</div>

CSS

html {
  font-size: 100%;
}

.box-services h3 {
  margin: 0;
}

.box-services a {
  text-decoration: none;
  
  color: black;
}

.pull-left i {
  position: relative;
  left: 2px;
}
.box-services {
  display: inline-block;
  
  margin-right: .625rem;
  
  vertical-align: middle;
}

.box-services-inner {
  display: table;
  
  width: 100%;
}

.box-services-inner > * {
  display: table-cell;
  
  vertical-align: middle;
}

.pull-left {
  margin-right: .625rem;
  padding: .625em;
  
  text-align: center;
  
  border-radius: 100%;
  background-color: white;
}