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>