【初心者】flexboxの横並びについて。

前提・実現したいこと

HTML/CSSでデザインカンプから模写コーディングしています。
3つの要素を横並びにするために、親要素にdisplay: flex;と記述したのですが、1つの要素（p)だけ横並びになりません。

HTML

<div class="news">
        <h2 class="newshead">News<span>一覧を見る ></span></h2>
   
        <dl class="newslist">
            <dt><time>2020.03.14</time><p>プレス</p></dt><dd>【東京オリンピック会場跡地再開発計画】複合スポーツ施設及び新テーマパーク工事開始のお知らせ</dd>
            <dt><time>2020.02.30</time><p>IR</p></dt><dd>2019年9月期　第1四半期決算説明会動画</dd>
            <dt><time>2020.03.14</time><p>IR</p></dt><dd>2019年9月期　第1四半期決算説明会資料</dd>
        </dl>  

     </div>

CSS

![イメージ説明](6c22dbe8ffdf1da1965161625f33d792.png).news {
    background-color: #EDFCFF;
    width: 1600px;
    height: 235px;
    display: flex;
}

.news h2 {
   color: #019BDF;
   font-family: OpenSans-Bold;
   font-size: 40px;
   margin: 0 0 0 197px;
   width: 114px;
   height: 100px;
   padding-top: 43px;
}

.news span {
    color: black;
    font-family: HiraKakuPro-W3;
    font-size: 12px;
    width: 58px;
    height: 16px;
}


a {
    text-decoration: none;
    color: black;
}

.newslist time {
    background-color: blanchedalmond;
    width: 70px;
    height: 17px;

}
.newslist p {
    background-color: burlywood;
    width: 60px;
    height: 18px;

}
.newslist dd {
    background-color: cadetblue;
    width: 800px;
}

.newslist {
    width: 1050px;
    height: 115px;
    margin: 50px 200px 60px 40px;
    display: flex;
}