that's the css solution I'm using that is not working,

it works if the h3 is set to display:block, if it is set to
display:inline the text keeps going for ever and ever.

thanks,
Bryan Rasmussen


On Sep 1, 12:58 pm, Bazinga Designs <bazingadesi...@gmail.com> wrote:
> there should be a couple of solutions here,
>
> one is to shorten the text to required length before it's displayed
> (whatever backend you use, by number of characters/words) or
> you could make use of css here:
>
> set the container to overflow:hidden; then add also this thing:
> text-overflow:ellipsis;
>
> 2011/9/1 bryan <rasmussen.br...@gmail.com>
>
>
>
> > Hi,
>
> > I have an H3 element with text that I have to truncate.
> > That H3 is with display:inline, because there is a following ul that
> > is display inline in order to get them nicely lined up together.
>
> > From what I've seen most css truncation of text assumes display block
> > - is there any way to do this without switching around my markup?
>
> > Thanks
>
> > --
> > --
> > You received this because you are subscribed to the "Design the Web with
> > CSS" at Google groups.
> > To post: css-design@googlegroups.com
> > To unsubscribe: css-design-unsubscr...@googlegroups.com
>
> --
> BAZINGA Designs
>
> http://www.bazingadesigns.com
>
> Igor Wnuk
> Ul. PCK 5/20
> 24-100 Puławy
>
> tel. 667 200 706
>
> REGON: 060622686
> NIP: 716-255-43-47

-- 
--
You received this because you are subscribed to the "Design the Web with CSS" 
at Google groups.
To post: css-design@googlegroups.com
To unsubscribe: css-design-unsubscr...@googlegroups.com

Reply via email to