How to add space below a table in HTML?-CodePudding

I looked for solutions, but nothing seem to work. I am just a beginner and I don't understand most stuff. I tried using <br/> under the table but it did nothing. I just cuts my table instead of showing all of it. Is there a good and easy solution?

This is the code:

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <table  style="height: 526px">
            <td style="width: 550px">&nbsp;
                <div >
                    <center><h5 >Recipes youv'e used</h5</center>
                    <table 
                        <tr>
                            <td style="width: 35px">
                                <img src="icons/recipe.png" />
                            </td>
                            <td>
                                <br />
                                <p>A recipe 1</p>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="width: 35px">
                                <img src="icons/recipe.png" />
                            </td>
                            <td>
                                <br />
                                <p>A recipe 2</p>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="width: 35px">
                                <img src="icons/recipe.png" />
                            </td>
                            <td>
                                <br />
                                <p>A recipe 3</p>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="width: 35px">
                                <img src="icons/recipe.png" />
                            </td>
                            <td>
                                <br />
                                <p>A recipe 4</p>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td style="width: 35px">
                                <li >
                                    <a  href="#section_1"><img src="icons/search1.png" /></a>
                                </li>
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>
    <br />
    <br />
    <br />
</asp:Content>

CodePudding user response：

To add spacing below the table, you can use the margin-bottom CSS property:

<table  style="height: 526px; margin-bottom: 10px">
...
</table>

Adjust the amount of px as desired.

CodePudding user response：

To do with HTML

    <table cellspacing="5px">

    </table>

Better to use CSS tho;

       th, td {
         padding: 5px;
      }

https://www.w3schools.com/html/html_table_padding_spacing.asp