Knowledge Walls
Gopal Rao
Mumbai, Maharashtra, India
Passcode:
Div container with Left side Photo in Html layout using Div of HTML Examples
2758 Views
HTML
<div id="shower">
   <div class="photo"></div>
   <div class="content_info">
      <div style="padding: 10px;">The functions support the same regular expression syntax
                      as the MySQL REGEXP operator as documented in the Regular
                      Expressions appendix of the MySQL manual.
      </div>
      <div class="tool_box"><button>Show</button></div>
   </div>
</div>
CSS
div#shower {
   display: block;
   width: 400px;
   height: 180px;
}

div#shower .photo {
   background-color: gray;
   width: 150px;
   height: 180px;
   float: left;
}

div#shower .content_info {
   float: right;
   width: 250px;
   height: 180px;
   background-color: yellow;
   position: relative;
}

div#shower .tool_box {
   position: absolute;
   bottom: 10px;
   right: 10px;
}
Demo 
Next
Next Topics
Next lessons of current book.
Best Lessons of "HTML Examples"
Top lessons which are viewed more times.
  Copyright © 2014 Knowledge walls, All rights reserved
KnowledgeWalls
keep your tutorials and learnings with KnowledgeWalls. Don't lose your learnings hereafter. Save and revise it whenever required.
Click here for more details