cssでレイアウトを綺麗に並べられない

Question

contenth3_2をcontent1h3_1の横に並べたいです。現在contenth3_2が下にあるので上にやろうとmargin-bottomで調整しようと思いましたが、上に行かず下に下がってしまいます。両方調整してもうまくいきません。
どうしたらいいのでしょうか。

参考サイト：Airbnb

<div class="content1h3_1">
		<h3>なぜpoopホスト？</h3>
					
	<p>どんなお家やお部屋でも、poopなら簡単かつ安全にシェアして、世界中の旅好きな仲間とつながれます。 予約可能日から料金、ハウスルール、ゲストとの交流頻度まで、すべて自分で決めることができます。</p>
	</div>
	
	<div class="contenth3_2">
		<h3>困ったときも安心</h3>
		
	<p>万一に備えるUS$1,000,000の財物補償、US$1,000,000の賠償責任保険が全予約に自動付帯。ホストのみなさまと建物・家財の安全をお守りするため全力で取り組んでいます。</p>
	</div>
	
コード

.content1h3_1{
width:300px;
height:50px;
}
.content1h3_1 h3{
margin-left:500px;
width:300px;
height:50px;
font-size:25px;
color:#4E4D4D;
}

.content1h3_1 p{
margin-left:500px;
margin-top:40px;
width:300px;
height:50px;
font-size:18px;
line-height:1.5;
color:#636262;
}
.contenth3_2{
width:300px;
height:50px;
}
.contenth3_2 h3{
font-size:25px;
width:200px;
color:#4E4D4D;
margin-left:900px;
padding-bottom:10px;
}
	
.contenth3_2 p{
margin-left:900px;
width:300px;
height:50px;
font-size:18px;
line-height:1.5;
color:#636262	
}
コード

Answer 1

現在のcssでは横並びになりません
親 div にdisplay:flex や display: grid がないと
.contenth3_2 が .content1h3_1 の height (50px) の下に入ります。

例を codepen で書いたので参考にしてみてください。

https://codepen.io/elzup/pen/MWKMMYR