How to make text in <a> tag wordwrap

Question

I want to make text in <a> tag fit in a fixed div, but it breaks the div and displays ugly.

Answer 1

There's a CSS3 property: word-wrap: break-word

Take a look at the MDN word-wrap docs for more info.

Answer 2

pre {
      white-space: pre-wrap;       /* css-3 */
      white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
      white-space: -pre-wrap;      /* Opera 4-6 */
      white-space: -o-pre-wrap;    /* Opera 7 */
      word-wrap: break-word;       /* Internet Explorer 5.5+ */
      width: 30px;
    }

<pre><a href="#">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a></pre>