On Tue, Apr 6, 2010 at 4:42 AM, Alan Gresley <a...@css-class.com> wrote:
>
> li::before {
> content: '#';
> position:relative;
> margin-left:-50px;
> padding:20px;
> }
This is closer.. except the '#' isn't part of the marker. What I'm getting is
# 1.content
# 2.content
:
#10.content
which means the octothorpe is overlaid on the index number when the
number of digits becomes large enough. I'm also not getting a space
between the marker and the content, although that might be a
consequence of weird inheritance. So far I haven't been able to
figure out how to get Firebug to show me style information for
pseudo-elements like '::before', so I'm not sure.
What I'm hoping for is more like:
#1. content
#10. content
#100. content
with a marker right-aligned within its box, including an initial '#',
and separated by some whitespace from the list-item content's
margin/indent.
Thanks!
--
Ken Coar
OSS developer, opinionist, author, and sanagendamgagwedweinini
"9 Jack 9 // Rope made of twine // ..."
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
