word wrap

[krylonpicasso]

What I’m trying to do is create three inline links.


When the font size is increased I would like any word overflow to
do a line break instead of getting longer horizontally

here is the working example
https://www.acadweb.wwu.edu/eesp/yury/includes/toplinks.htm

and my code

<div style=" max-width:600px; position:relative; background-color:red; float:right; top:-10px;">

<div style="background-color:pink; max-width:180px; word-wrap: break-word; display:inline; "><a href="http://www.acadweb.wwu.edu/eesp/summer/sshome.asp">Information Meetings</a></div>

<div style="background-color:pink; max-width:180px; word-wrap: break-word; display:inline; "><a href="https://west.wwu.edu/eesp/inquiryrequest/requestinformation.aspx">Request Information</a> </div>

<div style="background-color:pink; max-width:180px; word-wrap: break-word; display:inline; "><a href="http://west.wwu.edu/eesp/prog_search.aspx">Search Offerings</a></div>
</div>

</div>

[KDLA]

A width setting in ems should do the trick.

KDLA