Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<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; }
  
  body {
    font-family: sans-serif;
  }
  
  h1 {
    text-align: center;
    padding-bottom: 60px;
  }
  
  input {
    vertical-align: middle;
  }
  
  div {
    width: 1050px;
  }
  
  .line {
       border-top: 2px dashed #ccc;
      border-bottom: 2px dashed #ccc;
    font-size: 400px;
    height: 400px;
    line-height: .9;
    margin: 0;
  }
</style>
</head>
<body>
  
  <h1>Vertical-Align Demo</h1>
  <div>
    <p class="line">
       <input>
      
      <img src="http://i.imgur.com/MievI.jpg" alt="A cat with a scooter on its ass" width="400" height="260">
   
   
    </p>
  </div> 
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers