Você tem vários jeitos de fazer isso. No seu caso pode usar uma margin
.:
A propriedade margin do CSS define a área de margem nos quatro lados
do elemento. É uma abreviação que define todas as margens individuais
de uma só vez: margin-top, margin-right, margin-bottom, e margin-left.
Portanto, para o seu caso basta colocar uma margin-bottom
na div
do input
e definir a distância. Veja:
.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>
Observação: No seu input type file você tem um pequeno erro, está usando no HTML um type: 'file'
, o correto seria: type = 'file', com um
=``.
Referências