Html table tr inside td

Question

I am trying to create a table in HTML. I have the following design to create. I had added a inside the but somehow the table

Answer 1

You cannot put tr inside td. You can see the allowed content from MDN web docs documentation about td. The relevant information is in the permitted content section.

Another way to achieve this is by using colspan and rowspan. Check this fiddle.

HTML:

 

  
Name 1
  
Name 2
  
Name 3
  
Name 4
 

 

  
ITEM 1
  
ITEM 2
  
name1
  
price1
  
ITEM 4
 

 

  
name2
  
price2
 
 

  
name3
  
price3/td>
 

And some CSS:

table {
    border-collapse: collapse       
}

td {
   border: 1px solid #000000
}