将标记中的文本对齐不正确

Question

这是一个更复杂的动态模板代码的一部分，所以我试图保持结构不变，但尝试设置文本样式，以便演员与下面的导演对齐。 现在，演员阵容被包裹到3行，但它没有保持缩进。任何人都知道如何设计它以保持其缩进外观。

http://jsfiddle.net/N2y88/

Answer 1

http://jsfiddle.net/N2y88/2/

尝试这样的事情

.support p span:first-child {
    color: #81848A;
    display: inline-block;
    padding-right: 10px;
    text-align: right;
    width: 50px;
    float:left;
}
.support p span:last-child {
    display: inline-block;
    float:left;
    width:400px;
}
.support .cast, .support .director{
    color:blue;
}

.support p {
    color: #D0D0D0;
    margin: inherit;
    padding: 0.1em 0;
    clear:both;
}