<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

/* Create three unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
  height: 150px; /* Should be removed. Only for demonstration */
}

.left, .right {
  width: 10%;
}

.middle {
  width: 80%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
</style>
</head>
<body>



<div class="row">
  <div class="column left" >
    &nbsp;&nbsp;&nbsp;&nbsp;<img src="https://dmapr.icar.gov.in/sites/default/files/icarlogo1.png" width="83" height="93"/>
    
  </div>
  <div class="column middle">
   <h1><CENTER><font color="#0033FF"><strong>भा. कृ. अनु. प.  -  औषधीय एवं सगंधीय पादप अनुसंधान निदेशालय<br>ICAR-Directorate of Medicinal and Aromatic Plants Research</strong></font></CENTER></h1> <p><CENTER><strong><h2><font color="#990066">An ISO 9001:2015 Certified Institute </font></strong></p></CENTER>
    
  </div>
  <div class="column right">
  <img src="https://dmapr.icar.gov.in/sites/default/files/DMAPR logo.png" width="70" height="70" alt="dmaprlogo" />
  <!--<img src="https://dmapr.icar.gov.in/sites/default/files/Logo for swabhav sanskaar swachhata.png" width="90" height="70" alt="dmaprlogo" />-->
 
  </div>
</div>

</body>
</html>