JSFiddle - React, Tailwind, and code Playground

by Chuan Shao

HTML

<h1>Title1</h1>
<p>p11</p>
<p>p12</p>
<p>p13</p>
<h5>Title5</h5>
<p>p51</p>
<p>p52</p>
<a href="www.lifelaf.com">link51</a>
<h2>Title2</h2>
<p>p21</p>
<p>p22</p>
<h3>Title3</h3>
<p>p31</p>
<p>p32</p>
<a href="www.lifelaf.com">link31</a>
<h4>Title4</h4>
<p>p41</p>
<p>p42</p>

JavaScript

var headerEle = $(':header');
$('h1').css('marginLeft', '10px').nextUntil(headerEle).css('marginLeft', '10px');
$('h2').css('marginLeft', '20px').nextUntil(headerEle).css('marginLeft', '20px');
$('h3').css('marginLeft', '30px').nextUntil(headerEle).css('marginLeft', '30px');
$('h4').css('marginLeft', '40px').nextUntil(headerEle).css('marginLeft', '40px');
$('h5').css('marginLeft', '50px').nextUntil(headerEle).css('marginLeft', '50px');