DIV and span tags

[techvas]

Hi,

Good morning.
I am new to QTP. I got the following html code snippet. How can i extract the span tag values under div and ul tags in the following formats.



HTML code:

Code:

<div id=firstheader> HEADER1value </div>
<div id = "firstheadervalues">
<ul>
<li><span class="percentage"> 7% </span> <span class="listval">column1</span></li>
<li><span class="percentage"> 8% </span> <span class="listval">column2</span></li>
<li><span class="percentage"> 9% </span> <span class="listval">column3</span></li>
<li><span class="percentage"> 10% </span> <span class="listval">column3</span></li>
</ul>
</div>


<div id=secondheader> HEADERSECOND </div>
<div id = "secondheadervalues">
<ul>
<li><span class="numval"> 123 </span> <span class="secondval">value123</span></li>
<li><span class="numval"> 124 </span> <span class="secondval">value124</span></li>
<li><span class="numval"> 125 </span> <span class="secondval">value125</span></li>
<li><span class="numval"> 126 </span> <span class="secondval">value126</span></li>
</ul>
</div>

How can i print the values in the following format????

HEADER1Value
column1 --- 7
column2 --- 8
column3 --- 9
column4 --- 10


HEADERSECOND

value123 -- 123
value124 -- 124
value125 -- 125
value126 -- 126

its urgent.Your help will be greatly appreciated.

Thanks you .
vas.