I'm supposed to sort paragraphs by <time> without using JavaScript. I'm currently searching for CSS functions to help me solve this issue. I appreciate it if you could help me solve this issue. I found this codepen code [https://codepen.io/julieblanc/pen/YzPrxva] but I'm really confused. Thank you in advance.
<section class="timeline">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class='section-headline'>The Timeline</h2>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-6">
<!--Item 1-->
<div class="timeline-item timeline-1">
<div class="timeline-item-content">
<h3>1x6g</h3>
<time>17 August 1958</time>
<p>The invention discloses a method and a system for recognizing spam texts, which comprises the following steps: extracting features of spam samples, confirming spam features from all the features of the spam samples according to the probability of the spam texts attribute to the texts including the features, endowing a spam weight for each spam feature and form</p>
</div>
</div>
<!--Item 2-->
<div class="timeline-item timeline-2">
<div class="timeline-item-content">
<h3>hghfs</h3>
<time>23 September 1958</time>
<p>The invention discloses a method and a system for recognizing spam texts, which comprises the following steps: extracting features of spam samples, confirming spam features from all the features of the spam samples according to the probability of the spam texts attribute to the texts including the features, endowing a spam weight for each spam feature and form</p>
</div>
</div>
<!--Item 3-->
<div class="timeline-item timeline-3">
<div class="timeline-item-content">
<h3>jgfsfs 11</h3>
<time>16 July 1969</time>
<p>The invention discloses a method and a system for recognizing spam texts, which comprises the following steps: extracting features of spam samples, confirming spam features from all the features of the spam samples according to the probability of the spam texts attribute to the texts including the features, endowing a spam weight for each spam feature and form</p>
</div>
</div>
<!--End of Class Col12-lg-6-->
</div>
<div class="col-12 col-lg-6">
<!--Item 4-->
<div class="timeline-item timeline-4">
<div class="timeline-item-content">
<h3>ldrth4</h3>
<time>9 August 1976</time>
<p>The invention discloses a method and a system for recognizing spam texts, which comprises the following steps: extracting features of spam samples, confirming spam features from all the features of the spam samples according to the probability of the spam texts attribute to the texts including the features, endowing a spam weight for each spam feature and form</p>
</div>
</div>
<!--Item 5-->
<div class="timeline-item timeline-5">
<div class="timeline-item-content">
<h3>oprhe</h3>
<time>24 January 1990</time>
<p>The invention discloses a method and a system for recognizing spam texts, which comprises the following steps: extracting features of spam samples, confirming spam features from all the features of the spam samples according to the probability of the spam texts attribute to the texts including the features, endowing a spam weight for each spam feature and form</p>
</div>
</div>
<!--Item 6-->
<div class="timeline-item timeline-6">
<div class="timeline-item-content">
<h3>1us5</h3>
<time>Spring 2010</time>
<p>The invention discloses a method and a system for recognizing spam texts, which comprises the following steps: extracting features of spam samples, confirming spam features from all the features of the spam samples according to the probability of the spam texts attribute to the texts including the features, endowing a spam weight for each spam feature and form</p>
</div>
</div>
</div>
</div>
</div>
</section>