Html 如何将文本设置为与图片相同的高度？

我想在一张卡片上有和图片一样高的文字。拜托，我怎么做

我尝试了一些边距和填充的组合，但没有效果

.column{
浮动：左；
保证金：5px；
宽度：30%；
}
.卡片{
盒影：0 4px 8px 0 rgba（0,0,0,0.2）；
背景色：#444；
颜色：白色；
宽度：100%；
}
.卡ul li img{
高度：300px；
宽度：100%；
}
.图片{
溢出：隐藏；
最大高度：400px；
最大宽度：200px；
显示：内联块；
}
.文本{
显示：内联块；
}
.文本h1{
显示：内联；
}

Lorem ipsum
dolor sitam
Lorem ipsum dolor sit
amet，Concertetur
0.99欧元/千克

佐布拉西亚克

将

垂直对齐：top

css规则添加到

.text

类中。这将使div位于其容器的顶部，并将其与图像对齐

.column{
浮动：左；
保证金：5px；
宽度：30%；
}
.卡片{
盒影：0 4px 8px 0 rgba（0,0,0,0.2）；
背景色：#444；
颜色：白色；
宽度：100%；
}
.卡ul li img{
高度：300px；
宽度：100%；
}
.图片{
溢出：隐藏；
最大高度：400px；
最大宽度：200px；
显示：内联块；
}
.文本{
显示：内联块；
垂直对齐：顶部；
}
.文本h1{
显示：内联；
}

Lorem ipsum
dolor sitam
Lorem ipsum dolor sit
amet，Concertetur
0.99欧元/千克

佐布拉西亚克

将

垂直对齐：top

css规则添加到

.text

类中。这将使div位于其容器的顶部，并将其与图像对齐

.column{
浮动：左；
保证金：5px；
宽度：30%；
}
.卡片{
盒影：0 4px 8px 0 rgba（0,0,0,0.2）；
背景色：#444；
颜色：白色；
宽度：100%；
}
.卡ul li img{
高度：300px；
宽度：100%；
}
.图片{
溢出：隐藏；
最大高度：400px；
最大宽度：200px；
显示：内联块；
}
.文本{
显示：内联块；
垂直对齐：顶部；
}
.文本h1{
显示：内联；
}

Lorem ipsum
dolor sitam
Lorem ipsum dolor sit
amet，Concertetur
0.99欧元/千克

佐布拉西亚克

设置

垂直对齐：顶部到
.class

CSS

.text{
  display: inline-block;
  vertical-align: top;
}

设置
垂直对齐：顶部到
.class

CSS

.text{
  display: inline-block;
  vertical-align: top;
}

垂直对齐：顶部.text
类
垂直对齐：顶部.text
类中选择code>