-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

  • 3
    • 1
      I don't see what you are referring too. What browser and which version are you using?
      – Josh Mein
      Dec 12, 2013 at 17:38
    • Repro in Firefox 26.
      – Josh Mein
      Dec 12, 2013 at 17:48
    • So can I... the solution would be adding list-style-position:inside to the li elements. Dec 12, 2013 at 17:48

    1 Answer 1

    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.
    3
    • 2
      Additionally, mixing markdown and HTML elements can sometimes lead to weird results. When in doubt, use Markdown on SE sites.
      – Adam Lear StaffMod
      Dec 12, 2013 at 18:24
    • 1
      In any case, SE should be able to handle at least keeping it inside the container no?
      – Cruncher
      Dec 12, 2013 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 StaffMod
      Dec 12, 2013 at 18:28

    You must log in to answer this question.

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