CodePen

HTML

            
              <div id="wrapper">
  
  <div id="hd">
    <img src="BIT_logo.jpg" alt="Birla Institute of Technology, Mesra" width="500px" height="100px" id="headlg">
    <!-- Head Logo | headlg -->
    <hgroup>
      <h4>Birla Institute of Technology</h4>
      <h5>Examination Department</h5>
    </hgroup>
  </div>
</div>
            
          
!

CSS

            
              body{
  font-family: Helvetica,Tahoma, Verdana, Calibri, Arial, sans-serif;
  margin: 0px;
  padding: 0px;
  border: 0px;
  width:100%;
  height: 100%;
}

#wrapper{
  min-width:900px;
  width: 900px;
  height: 100%;
  margin:0px auto;
  position: relative;
  
}

#hd{
  background-color: #073350;
  overflow:hidden;
}

#hd img {
  float:left;
}

#hd hgroup {
  color:white;
  float:left;
  height:100px;
  padding-left:25px;
}

            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................