feture

Use CSS variable - float: left; clear: both;

 This is CSS sheet(float)

#bd1{

    background-color: green;

    float: left;

    width: 50%;

    text-align: center;

}

#ca2{

    background-color: red;

    float: right;

    width: 50%;

    text-align: center;

}

#ps3{

    background-color: salmon;

}

#clear{

    clear: both;

}

This is HTML sheet

<h1 id="bd1">Balgladesh</h1>  

<h1 id="ca2">Canada</h1>

<div id="clear"></div>

<div id="ps3">

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam ipsa corporis cupiditate quidem consequuntur repellat velit in exercitationem iste laboriosam cum, quos impedit perspiciatis officiis? Dolorem iusto facere, soluta consectetur voluptatem laborum laudantium aperiam ipsa fuga, eos molestias mollitia. Cupiditate quasi est modi blanditiis quam laudantium. Quae repudiandae eligendi asperiores perspiciatis, magni ullam officia eum molestias laboriosam, nulla autem debitis!</p>

</div>