HTML/CSS のどんな質問に必ず優しく答えるスレ 31

[0467 Name_Not_Found 2018/02/15(木) 11:55:27.68 ID:gCTLQcdQ]

↓のHTMLの時、.p1と.p2のfloat:left;を維持したまま両要素を縦に並べたいのですが、
.p2にclear:both;を設定する意外に良い方法はありませんか？
CSSに詳しい方、ご教授ください。
https://jsfiddle.net/3ozu1pv5/1/