try display:inline-block;
2011/9/1 bryan <[email protected]> > 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 <[email protected]> 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 <[email protected]> > > > > > > > > > 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: [email protected] > > > To unsubscribe: [email protected] > > > > -- > > 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: [email protected] > To unsubscribe: [email protected] > -- 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: [email protected] To unsubscribe: [email protected]
