<div class="row"><span class="text-left apSquare align-middle px-2 mr-1 mb-1 sold" id="4395" onclick="showApInfo(4395)" style="opacity: 1; pointer-events: auto;">1<br><small>28</small><br><small class="onlyPrintable">1 427 400 руб.</small><span class="badge badge-dark apNo">126</span></span><span class="text-left apSquare align-middle px-2 mr-1 mb-1 sold" id="4396" onclick="showApInfo(4396)" style="opacity: 1; pointer-events: auto;">3<br><small>70.3</small><br><small class="onlyPrintable">3 278 800 руб.</small><span class="badge badge-dark apNo">127</span></span><span class="text-left apSquare align-middle px-2 mr-1 mb-1 sold" id="4397" onclick="showApInfo(4397)" style="opacity: 1; pointer-events: auto;">1<br><small>31.2</small><br><small class="onlyPrintable">1 449 000 руб.</small><span class="badge badge-dark apNo">128</span></span><span class="text-left apSquare align-middle px-2 mr-1 mb-1 sold" id="4398" onclick="showApInfo(4398)" style="opacity: 1; pointer-events: auto;">1<br><small>37</small><br><small class="onlyPrintable">1 784 000 руб.</small><span class="badge badge-dark apNo">129</span></span><span class="text-left apSquare align-middle px-2 mr-1 mb-1 sold" id="32253" onclick="showApInfo(32253)" style="opacity: 1; pointer-events: auto;">1<br><small>29.9</small><br><small class="onlyPrintable">1 963 700 руб.</small><span class="badge badge-dark apNo">130</span></span><span class="text-left apSquare align-middle px-2 mr-1 mb-1 sold" id="4400" onclick="showApInfo(4400)" style="opacity: 1; pointer-events: auto;">2<br><small>53.2</small><br><small class="onlyPrintable">2 497 200 руб.</small><span class="badge badge-dark apNo">131</span></span><span class="text-left apSquare align-middle px-2 mr-1 mb-1 sold" id="4622" onclick="showApInfo(4622)" style="opacity: 1; pointer-events: auto;">1<br><small>31</small><br><small class="onlyPrintable">1 359 600 руб.</small><span class="badge badge-dark apNo">132</span></span></div>
.apSquare {
  min-width: max-content;
  height: max-content;
  border-radius: 4px;
  width: 3rem;
  float: left;
  cursor: pointer;
  position: relative;
}

.apNo {
  position: absolute;
  display: inline-block;
  max-width: max-content;
  top: 5px;
  right: 5px;
}

.sold {
  background-color: #6c757d;
  color: #fff;
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.