Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <style type="text/css">
   @import "https://wpt.live/fonts/ahem.css";
   div {
       font-family: Ahem;
       font-size: 50px;
       line-height: 1;
       background-color: #eee;
   }
   span {
       color: #888;
       vertical-align: bottom;
   }
   span > span {
       color: yellow;
       font-size: 150%;
       vertical-align: top;
       baseline-shift: -10px;
   }
   span > span > span {
       color: orange;
       font-size: 150%;
       vertical-align: bottom;
   }
   span > span > span > span {
       color: lime;
       font-size: 150%;
       vertical-align: top;
   }
  </style>
 </head>
 <body>
  <div>a<span>a<span>a<span>a<span>a</span></span></span></span></div>
 </body>
</html>
Output

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

Dismiss x
public
Bin info
faceless2pro
0viewers