I am seeking a way to vertically align text within a card using Vuetify or traditional CSS in a Vue project.
Here is my code:
<template>
<div>
<v-container class="my-5">
<v-row justify="space-between">
<v-col cols="12" md="6" lg="3">
<v-btn outline block class="primary">1</v-btn>
</v-col>
<v-col cols="12" md="6" lg="3">
<v-btn outline block class="primary">1</v-btn>
</v-col>
<v-col cols="12" md="6" lg="3">
<v-card outlined color="red" height="450">
<p class="mx-3 text-center">texto textinho texto textao texto bla bla bla pi popopopo blabla bleuu bli pei pou</p>
</v-card>
</v-col>
</v-row>
</v-container>
</div>
</template>