Ersetzen Sie ein Div-Tag mit Tabelle

Question

Ich muss ein Div-Tag durch eine Tabelle Tag ersetzen. Ich wähle Tabellentag, weil es mir persönlich leichter fällt, die Änderungen und Aktualisierungen einer Website vorzunehmen. Dies ist der div-Code mit seinem CSS. Wie zu ersetzen Tabelle Tag statt div-Tag auf diesem bestimmten Code:

Code:

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

.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

Wenn dies Sie tun mögen:

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