How do I make the whole area of a list item in my navigation bar, clickable as a link?

by

Don’t put padding in the ‘li’ item. Instead set the anchor tag to display:inline-block; and apply padding to it.

More Related Contents:

  1. Element not located at bottom of viewport
  2. How to apply Hovering on html area tag?
  3. How do I remove the default link color of the html hyperlink ‘a’ tag?
  4. Is it possible to hide the title from a link with CSS?
  5. My Website is Mirror-flipped on iPhone Devices
  6. Fill SVG path element with a background-image
  7. Equal height columns with CSS
  8. Thick underline behind text
  9. Space between nowrap inline blocks [duplicate]
  10. Remove Select arrow on IE
  11. Difference between Width:100% and width:100vw?
  12. How do I remove the blue styling of telephone numbers on iPhone/iOS?
  13. Font Rendering / Line-Height Issue on Mac/PC (outside of element)
  14. What makes the text on a element vertically centered?
  15. How to hide drop down arrow in IE8 & IE9?
  16. Table tbody scroll in IE8
  17. difference between width auto and width 100 percent
  18. How can I prevent the scrollbar overlaying content in IE10?
  19. Change the color of a bullet in a html list?
  20. Font awesome is not showing icon
  21. CSS3 border-radius clipping issues
  22. CSS wrong appearance of border-radius on a nested div
  23. How to make a border overlay child div?
  24. Inverted Scooped corners using CSS
  25. Why does the ‘title’ attribute cause browsers to ignore my styles?
  26. CSS transform origin issue on svg sub-element
  27. transition for background-image in firefox?
  28. CSS Layout 2-Column fixed-fluid [closed]
  29. Create a Reverse Clip-Path – CSS or SVG
  30. CSS After Element to insert mailto link?

Leave a Comment