JSFiddle - React, Tailwind, and code Playground

HTML

<p>
Можно ли с помощью более-менее простой разметки HTML пометить некоторые слова или словосочетания <span class="bordered">рамками<span class="comment">это рамка</span></span> и сопутствующими комментариями? Например так, как это сделано здесь, на картинке. <span class="bordered">Не уверен, что это возможно<span class="comment">это тоже рамка</span></span> , но ведь хочется.
</p>

CSS

.bordered {
  display: inline-block;
  position:relative;
  padding:0 0 5px 0;
  border:1px solid green;
}
.bordered .comment {
  position:absolute;
  font-size:10%;
  bottom:1px;
  left:10px;
}