flex布局实现叠在另一个div之上,将div放置在另一个div之下（使用flexbox）

I am trying to place the timeAgo i.e. 22 seconds ago content just below the info content. But, for the styling I am using, timeAgo is being pushed towards right.

Here is my markup -

.container {

overflow:auto;

}

.post {

height:120px;

width:700px;

margin:120px auto;

background-color:#EFEFEF;

border:1px solid #79CEF4;

display:flex;

justify-content:flex-start;

}

.photo {

width:80px;

height:80px;

background-color:#99E058;

margin:10px 10px 10px 20px;

align-self:center;

}

.info {

margin: 25px 10px 10px 20px;

align-self:center;

}

.timeAgo {

margin: 80px 10px 10px 20px;

font-size:11px;

}