Let's say I have
<q>One plus two plus three plus four plus five makes fifteen.</q>
and I wish to have it rendered as
<q>One plus two plus ... plus five makes fifteen.</q>
I'm trying to work with the following:
<q>One plus two plus <del>three plus four</del> plus five makes fifteen.</q>
with styles such as:
q del { /* What goes here? */ }
q del:before {content: "...";}
In the first selector, display:hidden doesn't work because the
ellipsis disappears. Various width-constricting options with
overflow:hidden don't seem to do anything either, possibly because the
del element is not being displayed as a block.
Any ideas how to replace inline text with an ellipsis using CSS? Thanks!
--Curby
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
