Как привести таблицу в человеческий вид?

Приветствую, снова столкнулся со странным html
Есть 2 таблицы: 1 работает с названиями, 2-я работает с значениями
html без изменений.
Вопрос: как его привести в нормальный вид?
Название характеристики: Значение характеристики

HTML:

<div class="detailCol2 sourcesansreg"><p id="display_stones_details"><table width="100%" class="productDetail" cellspacing="0" cellpadding="0"><tbody><tr><th colspan="2"><div class="pdtitle"><h6 class="medium dark" id="side_stone_title">Stones</h6></div></th></tr></tbody></table><div style="width: 150px; display: table-cell;"><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td>Stone Type:</td></tr><tr><td>Shape:</td></tr><tr><td>Colour:</td></tr><tr type="clarity"><td>Clarity:</td></tr><tr><td>Setting:</td></tr><tr><td>Total Weight:</td></tr><tr></tr></tbody></table></div><div style="width: 78.4%; display: table-cell;"><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td>Diamond</td></tr><tr><td>Round,Baguette</td></tr><tr><td>F-G</td></tr><tr type="clarity"><td>SI</td></tr><tr><td>Bar Setting</td></tr><tr><td>Approx 0.9288 ct. wt. (0.027ct. x 12,0.050ct. x 12)</td></tr></tbody></div><div class="clear"></div></p><p id="side_stone_details"></p></div></div></div><div class="clear"></div>

P.s. Думаю данный пример заслуживает место в справке.

 

Приложи скрин или ссылку, не представить как оно выглядит.

 

Скрытое содержимое:

**Скрытое содержимое: доступно при наличии 500 постов.**

блок

 

Решил как обычно)

Код:

re:[\s\t]+|
> |>
 <|<

{skip}<div class="detailCol2|<div class="detailCol2
</h{skip}>|
<h{skip}>|
</div>|
<div{skip}>|
<table width="100%" class="productDetail"{skip}</table>|
</p>|
<p{skip}>|
<tr{skip}>|<tr>
<td{skip}>|<td>
</td>|###
<td>|%%%
<{skip}>|

1===2===3===4===5===6===7===8===9===10===11===&&&===12===13===14===15===16===17===18===19===20===21
re:^%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###$|$1$12===$2$13===$3$14===$4$15===$5$16===$6$17===$7$18===$8$19===$9$20===$10$20===$11$21
1===2===3===4===5===6===7===8===9===10===&&&===11===12===13===14===15===16===17===18===19===20
re:^%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###$|$1$11===$2$12===$3$13===$4$14===$5$15===$6$16===$7$17===$8$18===$9$19===$10$20
1===2===3===4===5===6===7===8===9===&&&===10===11===12===13===14===15===16===17===18
re:^%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###$|$1$10===$2$11===$3$12===$4$13===$5$14===$6$15===$7$16===$8$17===$9$18
1===2===3===4===5===6===7===8===&&&===9===10===11===12===13===14===15===16
re:^%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###$|$1$9===$2$10===$3$11===$4$12===$5$13===$6$14===$7$15===$8$16
1===2===3===4===5===6===7===&&&===8===9===10===11===12===13===14
re:^%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###$|$1$8===$2$9===$3$10===$4$11===$5$12===$6$13===$7$14
1===2===3===4===5===6===&&&===7===8===9===10===11===12
re:^%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###$|$1$7===$2$8===$3$9===$4$10===$5$11===$6$12
1===2===3===4===5===&&&===6===7===8===9===10
re:^%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###$|$1$6===$2$7===$3$8===$4$9===$5$10
1===2===3===4===&&&===5===6===7===8
re:^%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###$|$1$5===$2$6===$3$7===$4$8
1===2===3===&&&===4===5===6
re:^%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###$|$1$4===$2$5===$3$6
1===2===&&&===3===4
re:^%%%(.*?)###%%%(.*?)###%%%(.*?)###%%%(.*?)###$|$1$3===$2$4
1===&&&===2
re:^%%%(.*?)###%%%(.*?)###$|$1$2

 

две таблицы распарсить двумя повт границами каждую половину правую и левую потом значения соединить гетом например.

 

не хочу повторяющимися