Как сделать этот вид таблицы в HTML

Question

Как я могу сделать эту таблицу с помощью html?

A1 и A2 (как Bs и Cs) имеют одинаковую ширину. Я пытался сделать что-то вроде этого:

<table> 
    <tr> 
     <td> 
     A1 
     </td> 
     <td> 
     B1 
     </td> 
     <td> 
     C1 
     </td> 
    </tr> 
    <!-- new table goes here --> 
    <tr> 
     <td> 
     A2 
     </td> 
     <td> 
     B2 
     </td> 
     <td> 
     C2 
     </td> 
    </tr> 
</table> 

Но внутренний стол делает ширину A1 шире. Как я могу избежать этого?

Answer 1

Вы можете сделать это легко с помощью collspan:

<tr> 
     <td colspan="3">between</td> 
    </tr> 

см скрипку: http://jsfiddle.net/09w8pqhz/

Answer 2

Подобно этому Demo Here?

<table border = "1"> 
 
    <tr> 
 
     <td> 
 
     A1 
 
     </td> 
 
     <td> 
 
     B1 
 
     </td> 
 
     <td> 
 
     C1 
 
     </td> 
 
    </tr> 
 
    <!-- new table goes here --> 
 
    <tr> 
 
     <td colspan = "3"> 
 
     A1 
 
     </td> 
 
    </tr> 
 

 
    <tr> 
 
     <td> 
 
     A2 
 
     </td> 
 
     <td> 
 
     B2 
 
     </td> 
 
     <td> 
 
     C2 
 
     </td> 
 
    </tr> 
 
</table>