CodePen

HTML

            
              <table>
  <tbody>
    <tr>
      <td id="one">
        <span>One</span>
      </td>
      <td id="two">
        <span>Two</span>
      </td>
    </tr>
  </tbody>
</table>
            
          
!

CSS

            
              tr td {
  position: relative;
  padding: 5px 0px 5px 0px;
}
#one {
  width: 100px;
  background-color: #ead;
  text-align: left;
}
#two {
  width: 100px;
  background-color: #dea;
  text-align: right;
}
#two span {
  position: absolute;
  top: 7px;
  /*right: 0px;*/
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................