почему ширина не работает здесь?

Question

код

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

выход

Привет, как дела

Почему он не рендерит вот так Мне нужно вот так.

Hello
how 
are 
you

как добиться такого вывода без изменения в 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>

Смотрите живой пример здесь http://jsbin.com/amozu4

Мне нужна такая ссылка

Hello
how 
are 
you

Answer 1

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

Answer 2

Если вы собираетесь визуализировать список, то сделайте его списком. Даже если это означает повторение ссылки для каждого элемента.

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

Преимущество этого в том, что вы также можете в любое время сделать это предложение, сделав все элементы li display:inline.

Answer 3

Добавление display:block;width:40px;white-space:normal работает для меня.

Answer 4

Вы можете получить это, используя это:

a { white-space:normal;}