You have several ways of doing this. In your case you can use a margin
.:
CSS's margin property defines the margin area on all four sides
of the element. It is an abbreviation that defines all the individual margins
in one go: margin-top, margin-right, margin-bottom, and margin-left.
So for your case, just put a margin-bottom
on the div
of input
and set the distance. See:
.upload-file {
background-color: #F1F1F1;
margin-bottom: 1.2rem;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<div>
<div class="upload-file">
<span>
Arquivo Referente a Requisição
<input type = "file"/>
</span>
</div>
<div>
<button>Salvar</button>
</div>
</div>
Note: In your input type file you have a small error, you are using a type: 'file'
in HTML, the correct one would be: type = 'file', com um
= ''.
References