Come allineare 2 input in un form

[omgprova]

salve sto cercando di allineare e magari separare di poco 2 input in un form
ho provato ad inserire
<br /> ma lo stacca troppo e va fuori dalla schermata..

questo è come la vedo


[b]Come vorresti che fosse[\b]
https://ibb.co/VHVcvwj

ho provato a mettere l input sopra ..fuori dal form e si vede anche bene graficamente solo che il required non funziona se fosse possibile opterei per la seconda immagine
https://ibb.co/5986h9s


questo è il codice

<div class="info-profile">
<div class="text-profile">   
               Stipendio: <strong><?php echo number_format($row_databid['playerValue'],0,',','.');?></strong>
<br />
               Overall: <strong><?php echo $row_databid['playerOverall'];?></strong>
               <br />
               Età: <strong><?php echo $row_databid['playerAge'];?></strong>
               <br />
               Pos: <strong><?php echo $row_databid['playerPosition']; ?></strong>
               <br />                          
               Le mie finanze: <strong><?php echo number_format($row_datauser['coachWallet'],0,',','.'); ?></strong>
               </div>
</div>
<div class="clear"></div>
</div>
<div class="footer-profile">
<div class="bid-form">
<div class="input-form">
<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">
<input id="sf_amount" name="sf_amount" type="number" min="100000" step="100000" size="7" maxlength="10" /><strong>OFFERTA</strong>
<input id="button" type="submit" value="Offri"/>  
<br /><input type="hidden" name="aus_playerID" value="<?php echo $_GET["recordID"]?>" />
    <?php /*----------------MOFICA INSERIMENTO ID TM--------------*/ ?>            
<?php if ($row_databid['tm'] == '0' or $row_databid['tm'] ==''){?>
             <input id="tm" name="tm" type="number" size="7" maxlength="10" required/><strong>ID TM</strong> <?php;}?> 
  <?php /*--------------FINE MODIFICA----------------------*/ ?>
                   
                   <input type="hidden" name="aus_aucID" value="<?php echo $_SESSION['silentauctionid']?>" />
                  <input type="hidden" name="sf_teamID" value="<?php echo $row_datauser['teamID']; ?>"/>                  
                  <input type="hidden" name="sf_date" value="date" />                  <input type="hidden" name="MM_insert" value="form1" />               
                </form>
</div>
</div>        
</div>
</div> 
</div>

grazie a chi potrà aiutarmi
Edt titolo modificato

[GraphOGLRisorse]

Salve,
può usare i css.

<div>
<div style="float:left; display:block; width:50px; height:10px;">
  <input id="button" type="submit" value="Offri"/>
</div>
<div style="float:left; display:block; width:250px; height:10px;">
  <input id="sf_amount" name="sf_amount" type="number" min="100000" step="100000" size="7" maxlength="10" /> <strong>OFFERTA</strong>
</div>
<div style="float:left; margin-left:-250px; margin-top:25px; display:block; width:250px; height:10px;">
  <input id="tm" name="tm" type="number" size="7" maxlength="10" required/> <strong>ID TM</strong>
</div>
<div style="clear:both;"></div>
</div>

Cordiali saluti.

[omgprova]

Salve,
può usare i css.

<div>
<div style="float:left; display:block; width:50px; height:10px;">
  <input id="button" type="submit" value="Offri"/>
</div>
<div style="float:left; display:block; width:250px; height:10px;">
  <input id="sf_amount" name="sf_amount" type="number" min="100000" step="100000" size="7" maxlength="10" /> <strong>OFFERTA</strong>
</div>
<div style="float:left; margin-left:-250px; margin-top:25px; display:block; width:250px; height:10px;">
  <input id="tm" name="tm" type="number" size="7" maxlength="10" required/> <strong>ID TM</strong>
</div>
<div style="clear:both;"></div>
</div>

Cordiali saluti.

Grazie perfetto
Ho anche modo di restringere la cella dell input number dell ID TM?
Ho provato a ridurre il size ma non cambia nulla...
Grazie

PS
Scusami se ti sono arrivate più notifiche ma andavo a modificare il messaggio ma lo eliminava

[GraphOGLRisorse]

Si, basta inserire nel tag dell'inpunti style="width:130px;"

Esempio:

<div style="float:left; margin-left:-250px; margin-top:25px; display:block; width:200px; height:10px;">
  <input style="width:130px;" id="tm" name="tm" type="number" size="7" maxlength="10" required/> <strong>ID TM</strong>
</div>

Cordiali saluti.

[omgprova]

Si, basta inserire nel tag dell'inpunti style="width:130px;"

Esempio:

<div style="float:left; margin-left:-250px; margin-top:25px; display:block; width:200px; height:10px;">
  <input style="width:130px;" id="tm" name="tm" type="number" size="7" maxlength="10" required/> <strong>ID TM</strong>
</div>

Cordiali saluti.

grazie gentilissimo