Как перенести слова на другую строчку?

html

<div id="name" align="center">
    {$smarty.const.TABLE_PRODUCT_NAME}
</div>

{$smarty.const.TABLE_PRODUCT_NAME} - это функция из движка, строит она соответственно следующий код

<a href="#"> длинное слов, с пробелами.... </a>

код css

#name {
    text-decoration: none;
    white-space:nowrap;
    width:60%;
    display:inline-block;
    height: 100%;
}

Вёрстка резиновая, ширина должна остаться прежней. пробовал такой вариант, не помогло:

a #name {
word-wrap: break-word;
}