Grow your CSS skills. Land your dream job.

Css bullet list problem : Please view codepen

  • # February 14, 2013 at 1:05 pm

    The link is as follows

    [my link](http://codepen.io/Krish1980/pen/sfway “my link”)

    Any suggestions? Alternatives? I’m okay with any method. I want the bullet to be positioned outside the list, but adjacent to the start of the line.

    # February 14, 2013 at 1:30 pm

    People have snow leopards at home? Other than on their Macs…? And they groom them, wow!

    Haha just kidding,
    You can try applying list-style-position:outside; to your ul.

    # February 14, 2013 at 1:36 pm

    > I’m not sure I understand your question, the bullet is technically “outside” of the list. You can place it inside by applying list-style-position:outside; to your ul.

    I’m a little confused now. I **do not** want the bullets inside (like in the second example). I want the bullets outside so that the start of the second line in a list item is at the same indent as the start of the first line.(and not right below the bullet). I want the page to look very much like example 1. Example1 looks perfect in all browsers except IE9 where the bullets at the beginning appear to the **left of the image**

    In other words, I want the first example replicated even on IE9

    # February 15, 2013 at 8:17 am

    Thank you very much for the link, Whitworth. I am so relieved! I shall revert if there’s a complication. Seems fine for now.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".