JSFiddle - React, Tailwind, and code Playground

HTML

<div class="root">
<div class="element1">
Licznik 1
</div>
<div class="element2">
Licznik 2
</div>
</div>
<div class="root2">
<div class="element3">
Licznik 3
</div>
<div class="element4">
Licznik 4
</div>
</div>
<div class="root3">
<div class="element5">
Licznik 5
</div>
<div class="element6">
Licznik 6
</div>
</div>

CSS

.root {
  display: block;
  background: green;
  width: 240px;
  position: relative;
  left: 10px;
  top: 10px;
  padding: 5px;
}

.root2 {
  display: inline-block;
  background: red;
  width: 240px;
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 5px;
}

.root3 {
  display: block;
  background: blue;
  width: 240px;
  position: relative;
  left: 10px;
  top: 10px;
  padding: 5px;
}

.element1, .element2, .element3,
.element4, .element5, .element6 {
  border: 1px solid #000;
  margin-bottom: 10px;
}