HTML 5 - 4.3 : How to add margins and borders ?

In HTML, margins and borders can be added to elements to enhance their visual appearance and improve their layout. Margins are the spaces around an element, while borders are the lines that surround an element. Adding margins and borders can help separate elements from one another and create a more organized and appealing design.

To add margins to an element, you can use the CSS margin property. This property allows you to specify the amount of space you want to add around an element. For example, you can set a margin of 10 pixels on all sides of an element by using the following CSS code:

``` .element { margin: 10px; }

```

To add borders to an element, you can use the CSS border property. This property allows you to specify the style, width, and color of the border. For example, you can add a solid black border with a width of 1 pixel to an element by using the following CSS code:

``` .element { border: 1px solid black; } ```

You can also add different styles of borders, such as dashed or dotted, by changing the value of the border-style property. Additionally, you can add rounded corners to borders by using the border-radius property.

Overall, adding margins and borders to HTML elements can greatly improve the appearance and functionality of your website. By using CSS to customize these properties, you can create a unique and professional-looking design that stands out from the rest.