divタグをテーブルに置き換えます

Question

divタグをテーブルタグに置き換える必要があります。私はテーブルのタグを選択すると、個人的にウェブサイトの編集や更新を簡単に行うことができます。 これはCSS付きのdivコードです。

コード：：あなたがやりたいだろう。この場合

<div class="cont-grid"> 
    <div class="cont-grid-info"> 
    <h3>Tittle</h3> 

     <p>Hellow World<br/> 
      <h3><b>FName, 
      LastName 
      ,FathersName</b> 
      </h3> 
     </p> 
     </div> 
</div> 

CSSスタイル

.cont-grid-info{ 
    float:right; 
    width: 69.5%; 

    .cont-grid-info h3{ 
    font-family: 'PT Sans Narrow', sans-serif; 
    font-size: 1.8em; 

} 
.cont-grid{ 
    margin-left:auto; 
    margin-right:auto; 

Answer 1

<div class="cont-grid"> 
    <table class="cont-grid-info"> 
     <tr> 
      <th> 
       Tittle 
      </th> 
      <th> 
       Tittle 
      </th> 
      <th> 
       Tittle 
      </th> 
      <th> 
       Tittle 
      </th> 
     </tr> 
     <tr> 
      <td> 
       Hellow World 
      </td> 
      <td> 
       FName 
      </td> 
      <td> 
       LastName 
      </td> 
      <td> 
       FathersName 
      </td> 
      <tr> 
</div> 

Answer 2

：

<table> 
    <tr> 
    <th>FName</th> 
    <th>LastName</th> 
    <th>FathersName</th> 
    </tr> 
    <tr> 
    <th>the input name</th> 
    <th>the input lastaname</th> 
    <th>the input fathersname</th> 
    </tr> 
    <tr> 
    .. so on on the other imputs 
    </tr> 
</table> 

代わりに、この特定のコード上のdivタグのテーブルタグにそれを交換する方法