why width not working here?

Question

code

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

output

Hello how are you

Why it's not rendering like this I need like this.

Hello
how 
are 
you

how to achieve output like this without changing in 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>

See live example here http://jsbin.com/amozu4

i need link like this

Hello
how 
are 
you

Answer 1

you can get that using this :

a { white-space:normal;}

Answer 2

If you're going to render a list, then make it a list. Even if it means repeating the link for each item.

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

The advantage of this is that you can also at any time make it a sentence, by making all li elements display:inline.

Answer 3

Adding display:block;width:40px;white-space:normal works for me.

Answer 4

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