JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<h3>Здоровье</h3>
<p>Именно чтобы растягивались с контентом ну и расположить их так как я хочу?
Просто растянуть на 100 процентов вниз див нельзя, а если родителю поставить фон картинку и repeat-y
    то нельзяч менять расположение фона.
Как быть?</p>

CSS

p {border-left:2px solid #afc123;margin-left:10px;padding-left:10px;}
h3 {border-left:2px solid #afc123;margin-left:10px;padding-left:10px;height:10px;font-size:20px; margin-top:20px;line-height: 3px;}
div{float:left;margin-left: 5px;width: 3px;height:3px;border:2px solid #afc123;}