Граница вокруг тега li

Есть ли способ, чтобы граница в теге li включала число, а не только контент?

Вот jsfiddle того, что я пытаюсь сделать: http://jsfiddle.net/Markinhos/VSnnd/8/

Я хочу, чтобы граница включала номер 2.

Ответы

Ответ 1

Добавить list-style-position:inside;

.borderlist {
    list-style-position:inside;
    border: 1px solid black;
}

Ответ 2

list-style-position: inside;

- это атрибут CSS, который вы ищете, он будет обрабатывать номер списка, как если бы он находился внутри модели блока CSS.

Ответ 3

вы можете сделать это с помощью list-style-position: inside;

Свойство CSS стиля в стиле списка указывает положение поля маркера в блоке главного блока.: MDN

jsFiddle