DLを左寄せ、複数のDTを別の行に表示、DTとDDをくっつけるcss

やりたいこと

html:

<dl class="info">

<dt>たいとる１ : </dt>


<dd>内容１</dd>


<dt>たいとる２ : </dt>


<dd>内容２</dd>
</dl>

・１つめのDTと2つ目のDTは別の行に表示する
・全体的に左寄せして表示する。
・DTとDDはくっつけて横並びで表示する

やり方

dl.info {
    display: block;
    text-align: left;
}

dl.info dt, dl.info dd {
    display: inline;
}

dl.info dd::after {
    content: "";
    display: block;
}