use strict;
use warnings;
use HTML::TreeBuilder;

my $str 
   = "<ul>"
   . "<div class=\"txt\" style=\"position:absolute; left:84px; top:73px;\"><span id=\"f1\" style=\"font-size:11px;vertical-align:baseline;color:rgba(0,0,0,1);\">technology of S2S translation, also known as Spoken Language Translation (SLT),</span></div>"
   . "<div class=\"txt\" style=\"position:absolute; left:44px; top:73px;\"><span id=\"f1\" style=\"font-size:11px;vertical-align:baseline;color:rgba(0,0,0,1);\">is a new application of AI,</span></div>"
   . "<li>there</li>"
   . "<li>everyone</li>"
   . "</ul>"
   ;

# Now create a new tree to parse the HTML from String $str
my $tr = HTML::TreeBuilder->new_from_content($str);

# And now find all <li> tags and create an array with the values.
my @lists = 
      map { $_->content_list } 
      $tr->find_by_tag_name('span');

# And loop through the array returning our values.
foreach my $sentence (@lists) {
	$sentence =~ s/Spoken/SUBSTITUTION/; 
   print $sentence, "\n";
}