Bir div etiketini tablo

Question

ile değiştirin Bir div etiketini bir tablo etiketiyle değiştirmem gerekiyor. Tablo etiketini seçmemin kişisel olarak bir web sitesinin düzenlemelerini ve güncellenmesini yapmamı kolaylaştıracağım. Bu, CSS'sine sahip div kodudur.

Kod: Yapmak istediğiniz bu ise

<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 stilleri

.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> 

yerine bu verilen kod üzerinde div etiketinin Tablo etiketine nasıl değiştirilir?