Can anyone help me to merge columns of table using css ?

Question

In following code i use colspan attribute of html to merge columns but i want to do it with css , how can i do it ?
I thought border-collapse might help me but i learned that it only tells whether cells will share a common border or not. So how can i merge any row or columns of table using css ?

https://code.sololearn.com/WD72exZN0INX/?ref=app

Answer 1

Ohh! Thanks for information
Souhail Belhassen :)

Answer 2

You're welcome Kuber Acharya !

Answer 3

This isn't possible within CSS, even when you say they're block level elements.

They are still two separate elements and HTML will render them as such.

You can try and change the colspan attribute... But as I said, it's impossible in CSS.