aligning text in a span tag wrapping incorrectly

Question

This is part of a more complex dynamic template code so I'm trying to keep the structure as is but trying to style the text so that the cast members line up with the directors below. Right now the cast gets wrapped to 3 lines but it does not keep its indenting. Anyone know how I could style it to hold its indented look.

http://jsfiddle.net/N2y88/

Answer 1

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

try something like this

.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;
}