html

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

{$ smarty.const.TABLE_PRODUCT_NAME} is a function from the engine, it builds the following code, respectively

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

css code

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

Layout rubber, width should remain the same. I tried this option did not help:

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

    1 answer 1

    Since the links are nested in #name , and not vice versa, try:

     #name а { white-space: initial; }
    • still does not want to be transferred. - sbaikov
    • I have two thoughts on this. It is not transferred due to the fact that the width is specified in% or due to the fact that the hyperlink is formed by the engine. Or I'm wrong? - sbaikov
    • corrected the answer - now it should work .. but the way the link is formed or what the width is indicated does not matter - jsbin.com/xicisepavi/edit?html,css,output - Zoltan Toth
    • Yes, everything is great. Thank you so much) - sbaikov