Css 为什么我的第二个街区与第一个街区保持一致？

我是CSS的初学者，我不明白为什么我的第二个文本不在第一个块的底部？ 为什么我的两个街区是水平的？通常，第二个文本必须朝向底部

我的HTML结构似乎是正确的

<div class="container">
    <div class="col">
      <img class="img-icon" src="https://zupimages.net/up/20/13/937l.png" /> 
      <div class="t-title-first">my first text </div> 
      <div class="t-title-second">my second text</div>
    </div>
    ...
</div>

我的第一篇文章
我的第二篇文章
我的第一篇文章
我的第二篇文章
我的第一篇文章
我的第二篇文章

您可以通过将文本包装在一个简单的div中来实现这一点

正文{
填充：0；
保证金：0；
}
.集装箱{
显示器：flex；
填充顶部：35px；
宽度：90%；
保证金：0自动；
背景色：#f5；；
对正内容：空间均匀；
对齐项目：居中；
}
.img图标{
宽度：15%；
边界半径：50%；
背景色：黑色；
填充：15px；
}
上校{
显示器：flex；
宽度：25%；
}
.t-title-first{
填充：15px 10px；
字体大小：25px；
颜色：蓝色；
}
.t-title-second{
填充：15px 10px；
}

我的第一篇文章
我的第二篇文章
我的第一篇文章
我的第二篇文章
我的第一篇文章
我的第二篇文章

您已经告诉

列

元素使用

display:flex

像行一样运行……为什么您希望它们像列一样运行？将

标题

div包装在它们自己的div中，