JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="h-sentence-lyrics">
<li class="p-lyric h-sentence-lyric" start_time_sentence="00:59:00" end_time_translation="01:01:00">
Uf, finalement, nous sommes là 
<time class="p-start-time time_hide"> 00:59:00 </time>    
<span class="p-content span_hide" > Uf, finalement, nous sommes là  </span>
<time class="p-end-time time_hide"> 01:01:00 </time>
</li>
<li class="p-lyric h-sentence-lyric" start_time_sentence="01:02:00" end_time_translation="01:04:00">Oui, mais il y a déjà des personnes dans la queue 
<time class="p-start-time time_hide"> 01:02:00 </time>    
<span class="p-content span_hide" > Oui, mais il y a déjà des personnes dans la queue  </span>
<time class="p-end-time time_hide"> 01:04:00 </time>
</li>

<li class="p-lyric h-sentence-lyric" start_time_sentence="01:04:00" end_time_translation="01:05:00"> Quelle heure est- il? 
<time class="p-start-time time_hide"> 01:04:00 </time>    
<span class="p-content span_hide" > Quelle heure est- il?  </span>
<time class="p-end-time time_hide"> 01:05:00 </time>
</li>

<li class="p-lyric h-sentence-lyric" start_time_sentence="01:06:00" end_time_translation="01:07:00"> Il est sept heures et demie 
<time class="p-start-time time_hide"> 01:06:00 </time>    
<span class="p-content span_hide" > est sept heures et demie  </span>
<time class="p-end-time time_hide"> 01:07:00 </time>
</li>
</ul>

CSS

.sentence_hide {
        display:none;
    }
    .sentence_show {
        display: inline-block;
    }

    .time_hide{
        display:none;
    }

    .span_hide{
        display:none;
    }