How to inline your buttons from the form?

See more:

CSS3

HTML5

bootstrap

Hi team

I need help with my two buttons they are not inline and causing to themselves to be pushed further away. try to use external css but now cant sign using signaturepad. But i need to rather bring them closer to signaturepad, space in between. meaning space should between signaturepad and the buttons. space is for user to sign and then clear, later save. Help will be highly appreaciated.

What I have tried:

<!-- signature Section -->
<div class="single-form">
 <div id="signature-pad" class="sig sigWrapper">
<div class="display-block signature-pad" style="touch-action: none;">
<label for="signatureCanvas">Signature </label>
<div class="signature-input-container">
<canvas id="signatureCanvas"></canvas>
<button id="clearSignatureButton" class="signature-button">Clear</button>
<button id="saveSignatureButton" class="signature-button">Save</button>
</div>
</div>
</div>