Page 197 - CSS
P. 197

}
         </style>

         <table>
           <tr>
             <td>
                 I'm a table
             </td>
           </tr>
         </table>


        You can do same implementation like this


         <style>
             .table-div {
                 display: table;
             }
             .table-row-div {
                 display: table-row;
             }
             .table-cell-div {
                 display: table-cell;
             }
         </style>

         <div class="table-div>
           <div class="table-row-div>
             <div class="table-cell-div>
               I behave like a table now
             </div>
           </div>
         </div>


        Read Layout Control online: https://riptutorial.com/css/topic/1473/layout-control









































        https://riptutorial.com/                                                                             175
   192   193   194   195   196   197   198   199   200