Şunu nasıl düzeltiriz

Arkadaşlar selam. bootstrap ile hazırlanmış bir sayfam var.

<tr>                        
<td><b>Tur Fiyatı:</b> </td>                        
<td><input type="number" class="form-control" id="tur_fiyati" name="tur_fiyati" />                            
<select class="custom-select" name="turbirim" id="turbirim">                                
<option >Lütfen Seçin</option>                                
<option value="tl">₺ - TL </option>                                
<option value="euro">€ - Euro</option>                              
 <option value="dolar">$ - Dolar</option>                          
 </select></td>                        
<td><b>Kapora:</b> </td>                        
<td><input type="number" class="form-control" id="kapora" name="kapora" />                            
 <select class="custom-select" name="birim" id="birim">                                
<option >Lütfen Seçin</option>                                
<option value="tl">₺ - TL </option>                                
<option value="euro">€ - Euro</option>                                
<option value="dolar">$ - Dolar</option>                          
 </select></td>                    
</tr>

Şeklinde kodlarım var. Tur fiyatı yazan input kutusunun yanına drop down menünün gelmesini istiyorum ama aşağıdaki görüntü gibi oluyor. Bunları yanyana nasıl acaba?

Css olarak değiştirebilirsiniz.
#tur_fiyati {
display: inline;
} ;

input ve select'i inline-block (d-inline-block class'ı ile verebilirsin) yapıp genişlik (direkt eleman üzerinde style="width: 100px" verebilirsin) verirsen yan yana gelirler.

Fakat tablo yapısıyla değilde ızgara yapısıyla yapman daha sağlıklı olacaktır.

<tr style="display: inline">                        
<td><b>Tur Fiyatı:</b> </td>                        
<td><input type="number" class="form-control" id="tur_fiyati" name="tur_fiyati" />                             
<select class="custom-select" name="turbirim" id="turbirim">                                
<option >Lütfen Seçin</option>                               
 <option value="tl">₺ - TL </option>                                
<option value="euro">€ - Euro</option>                                
<option value="dolar">$ - Dolar</option>                            
</select></td>                        
<td><b>Kapora:</b> </td>                        
<td><input type="number" class="form-control" id="kapora" name="kapora" />                             
<select class="custom-select" name="birim" id="birim">                                
<option >Lütfen Seçin</option>                                
<option value="tl">₺ - TL </option>                               
 <option value="euro">€ - Euro</option>                                
<option value="dolar">$ - Dolar</option>                            
</select></td>                    
</tr>

Şeklinde yaptım ama olmadı bu css mevzusundan zerre kadar anlamıyorum. Muhtemelen çok basit bişeydir ama bilmeyince olmuyor

<tr>
  <td><b>Tur Fiyatı:</b> </td>
  <td>
    <input type="number" class="form-control d-inline-block" id="tur_fiyati" name="tur_fiyati" style="width: 100px;" />
    <select class="custom-select d-inline-block " name="turbirim" id="turbirim" style="width: 100px;" >
      <option >Lütfen Seçin</option>
      <option value="tl">₺ - TL </option>
      <option value="euro">€ - Euro</option>
      <option value="dolar">$ - Dolar</option>
    </select>
  </td>
  <td><b>Kapora:</b> </td>
  <td>
    <input type="number" class="form-control d-inline-block " id="kapora" name="kapora" style="width: 100px;"  />
    <select class="custom-select d-inline-block " name="birim" id="birim" style="width: 100px;" >
      <option >Lütfen Seçin</option>
      <option value="tl">₺ - TL </option>
      <option value="euro">€ - Euro</option>
      <option value="dolar">$ - Dolar</option>
    </select>
  </td>
 </tr>

Bu şekilde dene

Çok sağol dostum tam istediğim gibi durdu. Eline sağlık