JSFiddle - React, Tailwind, and code Playground

HTML

<div>
Post.
</div>
<div class="signature">
  <img src="http://orig11.deviantart.net/8f4f/f/2012/213/b/0/darth_vader_forum_signature_by_gotchabad-d59dvzn.png"/>
  <div class="label">First label:</div>
  <div class="value">Value1</div>
  <div class="label">Second label:</div>
  <div class="value">Value2</div>
  <div class="label">Third label:</div>
  <div class="value">Value3</div>
  <div class="label">Fourth label:</div>
  <div class="value">Value4</div>
</div>
<div>
Next post.
</div>
<div class="signature">
  <img src="http://orig11.deviantart.net/8f4f/f/2012/213/b/0/darth_vader_forum_signature_by_gotchabad-d59dvzn.png"/>
  <div class="label">First label:</div>
  <div class="value">Value21</div>
  <div class="label">Second label:</div>
  <div class="value">Value22</div>
  <div class="label">Third label:</div>
  <div class="value">-</div>
  <div class="label">Fourth label:</div>
  <div class="value">-</div>
  <div class="label">Fifth label:</div>
  <div class="value">-</div>
</div>
Another post.
<div class="signature">
  <img src="http://orig11.deviantart.net/8f4f/f/2012/213/b/0/darth_vader_forum_signature_by_gotchabad-d59dvzn.png"/>
  <div class="label">First label:</div>
  <div class="value">Value31</div>
  <div class="label">Second label:</div>
  <div class="value">Value32</div>
  <div class="label">Third label:</div>
  <div class="value">-</div>
  <div class="label">Fourth label:</div>
  <div class="value">-</div>
  <div class="label">Fifth label:</div>
  <div class="value">-</div>
</div>

CSS

.signature{
  position: relative;
  font-size: 18px;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.label{
  position: absolute;
  left: 1%;
}

.value{
  position: absolute;
  left: 20%;
}

JavaScript

$(".signature:first").append("<div class=\"label\">Added label: </div>");
$(".signature:first").append("<div class=\"value\">Added value </div>");

rowsInSignature = 5;
percentagesFromTop = 2;
percentagesPerRow = 20;

$(".signature").children(".label").map(function(index) {
	console.log(index);
  relativeIndex = index % rowsInSignature;
  console.log(relativeIndex);
	$(this).css('top', percentagesFromTop + relativeIndex * percentagesPerRow + '%');
})

$(".signature").children(".value").map(function(index) {
  relativeIndex = index % rowsInSignature;
  $(this).css('top', percentagesFromTop + relativeIndex * percentagesPerRow + '%');
})