Вопрос для каких целей вы хотите это делать. Если для поисковых систем - нужно использовать <strong>. А если ради дизайна, без акцента на поисковые системы, создавайте новый класс или применяйте css к существующим.
между inline элементами есть межсимвольный интервал. как между буквами в тексте например. нужно его удалить, либо учесть при расчете ширины элемента li
самое простое сделать так между всеми li:
Нужно внедрить вертикальное позиционирование. В зависимости от того как у вас реализован контейнер для блоков, это может быть vertical-align, position: absolute; bottom: 0;, или align-content. Могут быть и другие варианты. Не хочется анализировать скриншот, чтобы догадываться как у вас сделано.
Потому что body и html - inline-элементы, а overflow - для блочных. В любом случае я бы вам не рекомендовал без крайней необходимости менять свойства body и тем более html. Пользуйтесь вложенными div и другими элементами.
UP: Не смотря на то, что "народу нравится", это неверный ответ. )
codepen.io/aliencash/pen/VeqNgK
только учитите, что есть сложности с высотой (специально подчеркнул красной линией), решается с помощью line-height, поэкспериментируйте сами.