How do I create a vertical spacing between Ivs in css?

Question

I have the following problem, I created a component of a button and I put it inside a div, I replicated bone for 3 buttons, I wanted to know if you have any property in css to give a vertical spacing between these buttons. I tried with line-height, but it worked, because I think it works only for text.

Answer 1

You can use the property of css padding, if you want vertical spacing use padding-bottom or padding-top, if you want horizontal padding-left or padding-right. It is possible to combine more than one of them also.

To use would be like this:

In the css file:

.exemplo{
  padding-bottom: 10px; //Se quiser que seja relativo usa com % ao invés de px
}

In html file:

<div class="exemplo">
....
<div>

Answer 2

in css put like this:

div {
   margin-bottom: 10px;
}