如何在vuetify中将v-combobox与v-col中的文本水平对齐

<template>
  <v-row>
    <v-col cols="6">
      <v-combobox
        v-model="selectedItem"
        :items="items"
        label="Select Item"
      ></v-combobox>
    </v-col>
    <v-col cols="6">
      <span class="align-middle">文本内容</span>
    </v-col>
  </v-row>
</template>

<script>
export default {
  data() {
    return {
      selectedItem: null,
      items: ['Item 1', 'Item 2', 'Item 3']
    };
  }
};
</script>

<style>
.align-middle {
  display: flex;
  align-items: center;
}
</style>