Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  
  
 ul li {
    -moz-box-orient: vertical;
    width: 30%;
    position: relative;
    vertical-align: top;
    zoom: 1;
    float: left;
    margin-left: 1em;
}
​
 ul li img {
  display: block;
  padding: 1px;
  border: 1px solid #ccc;
  margin-bottom: 0.5em;
}
​
 ul li h3 {
  font-size: 1.3em;
}
​
 ul li h3 a {
  text-decoration: none;
  color: #323314;
}
​
ul li p {
  font-size: 90%;
  text-align: justify;
}
​
ul li a.big-link { /* added via javascript */.
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
  
  
</style>
</head>
<body>
<ul>
      <li>
      <img src="/assets/images/content/estate-mountview.jpg" alt="Mountview" />
      <h3>
      
              <a href="http://www.example.ecom" rel="external">
​
            
      Example     
              </a>
        
      </h3>
      <p>Awesome location</p>
    </li>
  <li>
      <img src="/assets/images/content/estate-mountview.jpg" alt="Mountview" />
      <h3>
      
              <a href="http://www.example.ecom" rel="external">
​
            
      Example    
              </a>
        
      </h3>
      <p>Awesome location</p>
    </li><li>
      <img src="/assets/images/content/estate-mountview.jpg" alt="Mountview" />
      <h3>
      
              <a href="http://www.example.ecom" rel="external">
​
            
      Example    
              </a>
        
      </h3>
      <p>Awesome location</p>
    </li>
  
    </ul>
​
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers