simple floating image code

<br><br>
    <div class="container mx-auto px-40"> <div class="shadow-md w-400 h-400 bg-yellow-300
                    rounded-lg">
     <p><img class="float-right p-2" src="https://via.placeholder.com/150">
 <p class="text-justify    "><h4><b><i>Title ✤ Other Title?</i></b></h4>
 <small><small>  This is what text looks like in this box you can just keep going like this and hopefully the image to the side will stay floating and not break please so text needs to be a few small lines.</small></small>
</p> </div></div></div>

<br><br>
    <div class="container mx-auto px-40"> <div class="shadow-md w-400 h-400 bg-blue-300
                    rounded-lg">
     <p><img class="float-right p-2" src="https://via.placeholder.com/150">
 <p class="text-justify    "><h4><b><i>Title ✤ Other Title?</i></b></h4>
 <small><small>  This is what text looks like in this box you can just keep going like this and hopefully the image to the side will stay floating and not break please so text needs to be a few small lines.</small></small>
</p> </div></div></div>

<br><br>
    <div class="container mx-auto px-40"> <div class="shadow-md w-400 h-400 bg-red-300
                    rounded-lg">
     <p><img class="float-right p-2" src="https://via.placeholder.com/150">
 <p class="text-justify    "><h4><b><i>Title ✤ Other Title?</i></b></h4>
 <small><small>  This is what text looks like in this box you can just keep going like this and hopefully the image to the side will stay floating and not break please so text needs to be a few small lines.</small></small>
</p> </div></div></div>

<br><br>
    <div class="container mx-auto px-40"> <div class="shadow-md w-400 h-400 bg-green-300
                    rounded-lg">
     <p><img class="float-right p-2" src="https://via.placeholder.com/150">
 <p class="text-justify    "><h4><b><i>Title ✤ Other Title?</i></b></h4>
 <small><small>  This is what text looks like in this box you can just keep going like this and hopefully the image to the side will stay floating and not break please so text needs to be a few small lines.</small></small>
</p> </div></div></div>

<br><br>
    <div class="container mx-auto px-40"> <div class="shadow-md w-400 h-400 bg-purple-300
                    rounded-lg">
     <p><img class="float-right p-2" src="https://via.placeholder.com/150">
 <p class="text-justify    "><h4><b><i>Title ✤ Other Title?</i></b></h4>
 <small><small>  This is what text looks like in this box you can just keep going like this and hopefully the image to the side will stay floating and not break please so text needs to be a few small lines.</small></small>
</p> </div></div></div>

<br><br>
    <div class="container mx-auto px-40"> <div class="shadow-md w-400 h-400 bg-orange-300
                    rounded-lg">
     <p><img class="float-right p-2" src="https://via.placeholder.com/150">
 <p class="text-justify    "><h4><b><i>Title ✤ Other Title?</i></b></h4>
 <small><small>  This is what text looks like in this box you can just keep going like this and hopefully the image to the side will stay floating and not break please so text needs to be a few small lines.</small></small>
</p> </div></div></div>