pourquoi la largeur ne fonctionne pas ici?

Question

Code

<a href="#" style="width:50px;white-space:normal">Hello how are you</a> 

sortie

Bonjour comment allez-vous

Pourquoi ce n'est pas rendu comme ça j'ai besoin comme ça.

Hello 
how 
are 
you 

comment obtenir une sortie comme ceci sans changer en HTML?

<p style="width:165px;height:80px;border:1px solid red"> 

    <a href="#" style="width:80px;white-space:normal">Hello how are you</a> 

    </p> 

Voir un exemple en direct ici http://jsbin.com/amozu4

i besoin lien comme

Hello 
how 
are 
you 

Answer 1

<a style="width:40px;display:inline-block;"> 

Answer 2

vous pouvez obtenir qu'utiliser ceci:

a { white-space:normal;} 

Answer 3

Si vous allez rendre une liste, puis en faire une liste. Même si cela signifie répéter le lien pour chaque article.

<ul style="list-style:none;"> 
    <li><a href="#">london</a></li> 
    etc 

L'avantage est que vous pouvez à tout moment faire une phrase, en faisant tous les éléments li display:inline.

Answer 4

Ajouter display:block;width:40px;white-space:normal fonctionne pour moi.