Html 如何在y轴上将左右列内容彼此对齐？

我想对齐并排的两列

其中一列有文本，我可以在

align=“start”

位置对齐文本，这会将文本推到列的左上角

第二列有一个带有svg的

。我还希望列的内容位于位置

align=“start”

，但内容似乎位于位置

align=“center”

这导致左列中的文本在y轴上的位置高于右列中的svg

以下是我尝试过的：

<v-col xs="12" sm="12" md="12" lg="12" xl="12" class="pl-0">
 <v-row align="start">
  <v-col>
   <p class="text-left">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
   </p>
  </v-col>
  <v-col>
   <v-img
    class="one-click-image"
    :src="require('../assets/profile.svg')"
    contain
    height="200"
    width="500"
   ></v-img>
  </v-col>
 </v-row>
</v-col>

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

如何使左右列内容在y轴上相互内联

---

非常感谢。

您可以在v列中传递如下值：

<v-col
   align-self="start"
>

使用“对齐”和“对齐自身”属性更改弹性项及其父项的垂直对齐方式。这没有任何效果。svg仍然没有开始