Colocar botão ao lado do outro

Coloquei um botão ao lado do outro, porém agora estão colados:

<button class="btn btn-canc-vis btn-warning">Editar</button>
<form class="form-horizontal" method="POST" action="deletar_evento.php">
	<input type="hidden" class="form-control" name="id" id="id">
	<div>
		<button type="submit" class="btn btn-danger btn-exclude">Excluir</button>
	</div>
</form>

<style type="text/css">
	.btn-exclude {
		float:left;
	}
	.btn-canc-vis {
	 float:left;
	}
</style>

Os dois se encontram dentro de um modal Bootstrap, quando eu deixo sem a parte do css o botão de excluir vai para o fim do modal.

1 curtida

Usa a propriedade margin:

Uma margem de 5px a direita do botão

.botaoEditar{
    margin-right: 5px;
}

Uma margem de 5px a esquerda do botão

.botaoExcluir{
    margin-left: 5px;
}
2 curtidas