Position 3 divs horizontally inside footer - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Footer

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Footer

Description

Position 3 divs horizontally inside footer

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">
#one, #two, #three {<!--   www.j a  v  a 2  s  .c om-->
   display:block;
   float:left;
   width:34%;
}
</style> 
 </head> 
 <body> 
  <div id="footer"> 
   <div class="divwrapper"> 
    <ul> 
     <li id="one"> 
      <div class="footerinfo1"> 
       <h1>Lorem i</h1> 
       <p>Lorem ipsum do<br>Lorem ipsum dolor <br>Lorem ipsum dolor s<br>Lorem</p> 
      </div> </li> 
     <li id="two"> 
      <div class="footerinfo3"> 
       <h1>Lorem i</h1> 
       <p>Lorem ipsum do<br>Lorem ipsum dolor <br>Lorem ipsum dolor s<br>Lorem</p> 
      </div> </li> 
     <li id="three"> 
      <div class="dark"> 
       <form id="submitemail"> 
        <h1>Lorem ips</h1> 
        <div class="dark"> 
         <span> <input type="text" class="check" placeholder="Please enter your email...."> <input id="submit" type="submit" value="Submit"> </span> 
        </div> 
       </form> 
      </div> </li> 
    </ul> 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials