CSS positioning image in a column - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Position

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

Description

CSS positioning image in a column

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <title>Lorem ipsum dolor sit</title> 
  <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"> 
 </head> <!--from ww  w.  jav a 2  s . co m-->
 <body> 
  <div class="container-fluid" style="margin: 100px 0px; 0px; 0px;"> 
   <div class="row"> 
    <div class="offset6 span3"> 
     <a href="www.reddit.com"> <img src="https://www.java2s.com/style/demo/Google-Chrome.png"> </a> 
    </div> 
    <div class="span3"> 
     <a href="www.reddit.com"> <img src="https://www.java2s.com/style/demo/InternetExplorer.png"> </a> 
    </div> 
   </div> 
   <br> 
   <div class="row"> 
    <div class="offset6 span3"> 
     <a href="www.reddit.com"> <img src="https://www.java2s.com/style/demo/Google-Chrome.png"> </a> 
    </div> 
    <div class="span3"> 
     <a href="www.reddit.com"> <img src="https://www.java2s.com/style/demo/Opera.png"> </a> 
    </div> 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials