the first line sets multiple div display:table-cell,. How to merge cells in the second row?
<!DOCTYPE html>
<div style="display:inline-table;">
<div style="display:table-row; background-color:red;">
<div style="display:table-cell; background-color:green;">aaaaaaaaaaaaaaaaaa</div>
<div style="display:table-cell; background-color:gold;">1111111111111111111</div>
</div>
<div style="display:table-row; background-color:pink;">
<div style="display:table-cell; background-color:green;">bbbbbbbbbb</div>
<div style="display:table-cell; background-color:gold;">22222222222222222222222222</div>
</div>
</div>how do I merge bbbbbbbbbb + 2222222222222222222222222222 into one td?