Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<br><br><br><br><br><br><br><br><br><br><br>
<div class='item' style='color: red'>
  
  <div class='content'>
    
    <span class='annotation'>nope</span>
    It's a bird, </div>
</div>
<div class='item' style='color: green'>
  
  <div class='content'>
    
    <span class='annotation'>you may be rightsdfdss</span>
    it's a plane, 
  
  
  </div>
</div>
<div class='item' style='color: blue'>
  
  <div class='content'><span class='annotation'>yeah!</span>it's Superman! </div>
</div>
<div class='item' style='color: orange'>
  
  <div class='content'><span class='annotation'>muahaha</span>
    Go get the Kryptonite</div>
</div>
 
.item {
  margin-top: 20px;
}
.content {
  float: left;
 }
.annotation {
  margin-top: -25px;
  font-style: italic;
   float: left;
  white-space: pre;
  display:flux;
  display:inline-block;
}
td:first-child {
  color: red;
}
td:nth-child(2) {
  color: green
}
td:nth-child(3) {
  color: blue;
}
td:nth-child(4) {
  color: orange;
}
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers