Inline List Items – Preventing line breaks

Hi –

Is there a way to prevent an inline list from breaking within an individual list item?

This is what I want to prevent:

This is my current CSS coding:

[code]
<style type=”text/css”>
#main{padding-top: 74px; margin-left: 170px; margin-right: auto; display: block;}
#article {font-family: verdana, sans-serif; margin-right: 10%; margin-left: 1em;}
#article ul.inline li{display: inline; margin-right: 1em; padding-right: 1em; border-right: 1px solid #cc0000; text-align: center;}
</style>[/code]

This is the list I’m working with:

[code]
<div id=”main”>
<div id=”article”>
<!– article content –>
<ul class=”inline”>
<li>Software Used: Front Page</li>
<li>Format: Tables, CSS</li>
<li>Design by: Unknown</li>
<li>ADA/508 Accessible – No</li>
<li><a href=”#” target=”_blank”>Quality of Coding</a></li>
</ul>
<!– more article content –>
</div>
</div>[/code]

Thanks,
KDLA

Also in #CSS _↴