MODERN CLEARFIX HACK

Run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
   div {
	  border: 2px solid ;
	  padding: 8px;
	  width: 300px;
	}

	.img1 {
	  float: right;
	  width: 150px;
	  height: 150px;
	}

	.img2 {
	  float: right;
	  width: 150px;
	  height: 150px;
	}

	.clearfix::after {
	  content: "";
      clear: both;
      display: table;
	}
	
</style>
</head>
<body>
    
	 
	<div class="clearfix">
	  <h2> Modern clearfix </h2>
	  <img class="img2" src="https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/tutorials/uploads/pictures/1627294057-101156.png" alt="image2">
	   .clearfix::after {
		  content: ""; <br>
		  clear: both; <br>
		  display: table;
		}
	</div>
	

</body>
</html>