Basic two column layout with one image column - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:2 Column

  1. HOME
  2. HTML CSS
  3. CSS Layout
  4. 2 Column

Description

Basic two column layout with one image column

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">

#header-banner {<!--from www. j  a v  a2 s .c  o m-->
   height: 75px;
   background-color: green;
   border: solid 1px #000;
   overflow:hidden;
}
#logo-container {
   float: left;
   background-color #FFF;
   border: solid 1px #000;
}


      </style> 
 </head> 
 <body> 
  <div id="logo-container"> 
   <img id="corner-logo" src="https://www.java2s.com/style/demo/Firefox.png" width="75"> 
  </div> 
  <div id="header-banner">
    test test test test test test
  </div>  
 </body>
</html>

Related Tutorials