-2

  • The list dot is outside the container, edit question to see. Excuse if duplicate, did not find on quick search.

    enter image description here

    Using Firefox 25

    It's looking correct with Chrome 31

    • 1
      I don't see what you are referring too. What browser and which version are you using? – Josh Mein Dec 12 '13 at 17:38
    • Repro in Firefox 26. – Josh Mein Dec 12 '13 at 17:48
    • So can I... the solution would be adding list-style-position:inside to the li elements. – Josh Crozier Dec 12 '13 at 17:48
    7
    <li>The list dot is outside the container, edit question to see. Excuse if duplicate, did not find on quick search.
    

    You're using improper syntax. You're not creating a list, you're only creating a list item, so the proper styles that would accompany the bullet points is not being applied, because the parent list does not exist.

    Proper HTML structure:

    <ul>
        <li>The list dot is outside the container, edit question to see. Excuse if duplicate, did not find on quick search.
    </ul>
    

    Which produces this (note the extra padding on the left side):

    • The list dot is outside the container, edit question to see. Excuse if duplicate, did not find on quick search.
    |improve this answer|||||
    • 2
      Additionally, mixing markdown and HTML elements can sometimes lead to weird results. When in doubt, use Markdown on SE sites. – Adam Lear Dec 12 '13 at 18:24
    • 1
      In any case, SE should be able to handle at least keeping it inside the container no? – Cruncher Dec 12 '13 at 18:25
    • 6
      @Cruncher I don't see why. That's not even valid HTML. I don't know any people who write CSS to compensate for invalid HTML structures. – animuson Dec 12 '13 at 18:28

    You must log in to answer this question.

    Not the answer you're looking for? Browse other questions tagged .