CSS fixed width in span

Question

There was an example of fixed span i need: CSS fixed width in a span

Quote:

<li><span></span> The lazy dog.</li>
<li><span>AND</span> The lazy cat.</li>
<li><span>OR</span> The active goldfish.</li>

and the author wanted:

    The lazy dog.
AND The lazy cat.
OR  The active goldfish.

But if i have long left part:

                 The lazy dog.
ANDDDDDDDDDDDDDD The lazy cat.
OR               The active goldfish.

But i really need:

                 The lazy dog.
ANDDDDDDDDDDDDDD The lazy cat.
              OR The active goldfish.

Is it possible?

I think you sould delete the question as this isn't a common problem which will help others and you have your solution. — danijar
– danijar, Commented Aug 27, 2012 at 20:09

unloco · Accepted Answer · 2012-08-27 19:57:13Z

4

Something like this would work for you
Try to imitate table display

li{
   display:table-row;        
}
li span{
   display:table-cell;
   text-align:right;
   padding-right:5px;
}

answered Aug 27, 2012 at 19:34

unloco

7,3904 gold badges52 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1