On Tue, 20 Jul 2010 07:23:57 +0100, Shortie Designs <[email protected]> wrote:
> Hi All - I'm still new to CSS and I'm trying to style some lists with > CSS. > > I've created an unordered list - which is all good - but what I'm trying > to > avoid is this > > Eg: > > . List is all lovely on the first line but > > when it wraps is doesn't neatly indent. > > > What I'm trying to achieve is this: > > . List is all lovely on the first line but > > when it wraps is doesn't neatly indent. On your ul.list delete the list-style-position: inside; and use some margin-left to bring the list back to where you want it. First you might like to check the validity of your html. One noteable is that inside your 'ul' you have <p> tags wrapping the li elements, and you have nested paragraphs. Duncan ______________________________________________________________________ css-discuss [[email protected]] 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/
