3 Replies Latest reply on Nov 10, 2008 3:14 PM by Newsgroup_User

    justify one line

    TSemmes Level 1
      Is it possible to justify one line ( have the text space out to fill the column)
      I can justify a paragraph using
      text-align: justify;
      but the last line of a paragraph is flush left not justified. I read somewhere that the style:
      text-justify: distribute-all-lines
      would accomplish this but it doesn't seem to work in any browser I know of.

      Any way to accomplish this?
        • 1. Re: justify one line
          Level 7
          It's guaranteed to look really ugly if you justify a partial line. Can we
          see your code, though, just to be certain about what you have done?

          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          ==================


          "TSemmes" <webforumsuser@macromedia.com> wrote in message
          news:gfa7o5$6f7$1@forums.macromedia.com...
          > Is it possible to justify one line ( have the text space out to fill the
          > column)
          > I can justify a paragraph using
          > text-align: justify;
          > but the last line of a paragraph is flush left not justified. I read
          > somewhere
          > that the style:
          > text-justify: distribute-all-lines
          > would accomplish this but it doesn't seem to work in any browser I know
          > of.
          >
          > Any way to accomplish this?
          >

          • 2. Re: justify one line
            TSemmes Level 1
            Here is a preview of what I was working on. I was trying to get the line of links (Home | About etc. to stretch out under the tagline:
            http://www.tgscomm.com/about-new.html

            This is the CSS I was using
            .links{
            color: #7a2;
            display:block;
            font:bold 11px "Trebuchet MS", Arial, Verdana;
            text-align: justify;
            text-justify: distribute-all-lines;
            }
            • 3. Re: justify one line
              Level 7
              I believe you are chasing a will-o-the-wisp here. The problem is when you
              get it aligned exactly right, along comes the client who has their text size
              bumped up in the browser and BLAMMO, not only does it not align, it looks
              ugly too, with the menu breaking to multiple lines.

              However, if you really want to do this, add this to your .links rule (which
              I note is missing from your page!) -

              word-spacing:1.6em;

              --
              Murray --- ICQ 71997575
              Adobe Community Expert
              (If you *MUST* email me, don't LAUGH when you do so!)
              ==================
              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              ==================


              "TSemmes" <webforumsuser@macromedia.com> wrote in message
              news:gfac3h$c6a$1@forums.macromedia.com...
              > Here is a preview of what I was working on. I was trying to get the line
              > of
              > links (Home | About etc. to stretch out under the tagline:
              > http://www.tgscomm.com/about-new.html
              >
              > This is the CSS I was using
              > .links{
              > color: #7a2;
              > display:block;
              > font:bold 11px "Trebuchet MS", Arial, Verdana;
              > text-align: justify;
              > text-justify: distribute-all-lines;
              > }
              >
              >