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>
  
</head>
<body>
  
  <h1>Vertical-Align Demo</h1>
  <div>
    <p class="line">
      
      Random text:
      
      <input placeholder="vertical-align: top">
      
      <img src="http://i.imgur.com/MievI.jpg" alt="A cat with a scooter on its ass" width="200" height="130">
    
      <img src="http://i.imgur.com/MievI.jpg" alt="A cat with a scooter on its ass" width="400" height="260">
      
      Some more random text...
    
    </p>
    
    <p style="padding: 50px; text-align: center; width: 50%; margin: auto;"><b>The Input element above has "vertical-align: top" applied to it, so it's aligned to the top of the tallest element on the line (which, in this case, is the big image).</b></p>
  </div> 
</body>
</html>
Output

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

Dismiss x
public
Bin info
ImpressiveWebspro
0viewers