cssでテキストの整え方を教えてください

css　についての質問です
Title,Bodyの下にそれぞれの題名、内容がくるようにしたいのですが

marginで指定するとただ間が開くだけで

.title {
width: 20%;
}

.body {
width: 40%;
} で指定すると

このように題名の長さに関係なくとの内容の間に空間ができてしまいます。

このような感じに文の長さによって対応させながら、
内容の部分は左揃えできるようにしたいです。

どのようなcssの書き方をすれば良いのでしょうか？
どなたか教えてください...