JSFiddle - React, Tailwind, and code Playground

by Sergey khorev

HTML

<div class="box">
    <div class="col-md-6">
      <span class="text">Комнат</span>
      <span class="large">5<img src="https://skb44.ru/upload/k1.png"></span>
    </div>
    <div class="col-md-6">
      <span class="text">Санузлов</span>
      <span class="large">5<img src="https://skb44.ru/upload/k2.png"></span>
    </div>
</div>

<style>
.box img {
  border-style: none;
  vertical-align: top;
  max-width: 40px;
  border: 0;
  line-height: 55px;
}
span.large {
    display: block;
    font-size: 36px;
    color: #587640;
    line-height: 40px;
}
span.text {
    display: block; 
    font-size: 16px; 
    font-weight:bold;
    line-height: 1.1; 
    margin-bottom: 7px;
    }
.box div{
  width:110px;
  margin-left: -15px;
  display:inline-block;
  padding-bottom: 15px;
}



</style>

CSS

.box img {
  border-style: none;
  vertical-align: top;
  max-width: 40px;
  border: 0;
  line-height: 55px;
}
span.large {
    display: block;
    font-size: 36px;
    color: #587640;
    line-height: 40px;
}
span.text {
    display: block; 
    font-size: 16px; 
    font-weight:bold;
    line-height: 1.1; 
    margin-bottom: 7px;
    }
.box div{
  width:110px;
  margin-left: -15px;
  display:inline-block;
  padding-bottom: 15px;
}