Programming Tips - web: truncate a list item based on width available.

Date: 2020nov3 Platform: web Prose: wrap Q. web: truncate a list item based on width available. A. Its all in the CSS.
<style> .davekb-list-item { white-space: nowrap; /* So it stays on one line */ overflow: hidden; /* Truncated */ text-overflow: ellipsis; /* Put in the ... */ } </style> <ul> <li><div class='davekb-list-item'>Some title that might be really long</div></li> </ul>