How to make text in <a> tag wordwrap

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

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


I got a solution to make word-wrap: break-word effective for Anchor tag in IE by setting the display:list-item of the Anchor tag.


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>