b - строчный тег, он для слова, фразы .... т.е для "чего-то не большого"
li - блочный тег, он для всего предложения(строки)
Сейчас ты помещаешься что-то большое в маленькое. Представь что ты рюкзак пробуешь поместить в кнингу)
( <книга><рюкзак></рюкзак></книга> => <b><li></li></b>)
Проще книгу ложить в рюкзак, по этому (<рюкзак><книга></рюкзак></рюкзак> => <li><b></b></li>)