/**
 * Transitioning font-size and relative lengths
 * See: http://lists.w3.org/Archives/Public/www-style/2011Nov/0016.html
 */


#inner, #outer {
   transition: 3s font-size, 1s width;
}

#outer {
   font-size: 20px;
   white-space: nowrap;
}

#outer:hover {
   font-size: 50px;
}

#inner {
   width: 5em;
   background-color: orange;
}

#inner:hover {
   width: 10em;
}