如何对齐漂亮的输入框，特别是selectInput和numericInput

<style>
  .input-container {
    display: flex;
    align-items: center;
  }
  
  .input-container label {
    margin-right: 10px;
  }
</style>

<div class="input-container">
  <label for="select-input">Select:</label>
  <select id="select-input">
    <!-- select options -->
  </select>
</div>

<div class="input-container">
  <label for="numeric-input">Numeric:</label>
  <input type="number" id="numeric-input">
</div>

<div class="row">
  <div class="col-md-6">
    <label for="select-input">Select:</label>
    <select id="select-input" class="form-control">
      <!-- select options -->
    </select>
  </div>
</div>

<div class="row">
  <div class="col-md-6">
    <label for="numeric-input">Numeric:</label>
    <input type="number" id="numeric-input" class="form-control">
  </div>
</div>

<template>
  <div>
    <label for="select-input">Select:</label>
    <select id="select-input" v-model="selectedOption">
      <!-- select options -->
    </select>
    
    <label for="numeric-input">Numeric:</label>
    <input type="number" id="numeric-input" v-model="numericValue">
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '',
      numericValue: 0
    };
  }
};
</script>