Как исправить размер тега "li"?

Question

Я пытаюсь создать меню типа , или , .

.

Но я пытаюсь всеми способами исправить размер тега "читать", но не могу. Я в начале, чтобы увидеть , где я нахожусь. Обратите внимание, что когда пользователь наводит курсор на тег «а», цвет фона меняется.

Пожалуйста, если вы можете изменить код и показать мне, как.

Спасибо.

Answer 1

Используйте display:inline-block; вместо встроенного.

Answer 2

Ваша проблема в том, что вы указали display: inline; и стилизовав его с этого момента, вам придется удалить его или заменить на встроенный блок, как они сказали, и изменить стиль вашего меню.

Answer 3

Вы не можете объявить ширину для встроенного li, используйте

display:inline-block;