为什么不在这个HTML中动画文字？

为什么不对齐文本？这是我的HTML。为什么不在这个HTML中动画文字？

<!DOCTYPE html> 
<html> 
<head> 
<title>CSS 3 Animation</title> 
<style> 
.table 
{ 
width: 400px; 
height: 80px; 
border: 1px dotted black; 
} 

.animatedMargin 
{ 
font-size: xx-large; 
-webkit-animation: marginAnimation 1s; 
} 

@-webkit-keyframes marginAnimation 
{ 
from {text-align: left} 
to  {text-align: right} 
} 
</style> 
</head> 
<body> 
<table class="table"> 
<tr> 
<td class="animatedMargin"> 
SAMPLE TEXT 
</td> 
</tr> 
</table> 
</body> 
</html>

我已经改变了text-align到background，看看它的工作原理，它做到了。那么这是text-align？

来源

2013-01-18 Shane Hsu

你可以使用填充左边的效果 - > http://jsfiddle.net/6wnKv/1/ –

@JustinBicknell我知道内容偏移是一种方法，只是想知道。 –