## 
### Cell spacing

The **cell spacing property** in CSS is used to set the space between the cells. We can set the space in pixels between each cell in the table. We can set the cell spacing using the `border-spacing` property.

<html>
    <body>
        <center>
        <h1>Cell Spacing Property</h1>
        <table style="width:100%">
        <tr>
            <th>Name</th>
            <th>Profession</th> 
            <th>Age</th>
        </tr>
        <tr>
            <td>Behzad</td>
            <td>Content Writer</td>
            <td>21</td>
        </tr>
        <tr>
            <td>Arsal</td>
            <td>Developer</td>
            <td>20</td>
        </tr>
        <tr>
            <td>Luke</td>
            <td>SEO</td>
            <td>26</td>
        </tr>
        </table>
        </center>
    </body>
</html>   

table, th, td 
{
    border: 3px solid rgb(0, 127, 211);
    text-align:center;           
}
table 
{
    border-spacing: 20px;
}
h1 
{
    color:rgb(3, 78, 112);
}

codemirror

### Explanation

HTML

- Line 4: We write the content in the `h1` tag. 

- Lines 5 to 26: We make a table with 3 columns, `Name`, `Profession`, and `Age`. Then, we add the information to the table.


CSS

- Lines 1 to 13: We set the border size and border color of the table and the cell spacing (border-spacing) and the color of the heading.



### Cell padding

The **cell padding** is used to specify the amount of space between the content of the cells and their border.



<html>
    <body>
        <center>
        <h1>Cell Padding Property</h1>
        <table style="width:100%">
        <tr>
            <th>Name</th>
            <th>Profession</th> 
            <th>Age</th>
        </tr>
        <tr>
            <td>Behzad</td>
            <td>Content Writer</td>
            <td>21</td>
        </tr>
        <tr>
            <td>Arsal</td>
            <td>Developer</td>
            <td>20</td>
        </tr>
        <tr>
            <td>Luke</td>
            <td>SEO</td>
            <td>26</td>
        </tr>
        </table>
        </center>
    </body>
</html>   

th, td 
{
    padding: 20px;
}
table, th, td 
{
    border: 3px solid rgb(0, 127, 211);
    text-align:center;           
}
h1 
{
    color:rgb(3, 78, 112);
}

### Explanation
HTML

- Line 4: We write the content in the `h1` tag. 

- Lines 5 to 26: We make a table with three columns,  `Name`, `Profession`, and `Age`. Then we add the information to the table.


CSS

- Lines 1 to 13: We set the border size and border color of the table, the cell padding, and the heading color.


How to perform cellpadding and cellspacing in CSS

CSS's `border-spacing` sets space between table cells, `padding` sets space between cell content and borders.