wrap anchor tag around li element

by

The only legal element allowed inside a <ul> is an <li>. You cannot have an anchor wrapped around the <li>. This holds true in HTML5, where an anchor can wrap around other block level elements.

What you have in CSS is nearly there, just add:

a {
     text-decoration: none;
     display: block;
     width: 100%;
     height: 100%;
}

And your anchor shall fill the entire space of the <li>.

Update for 2022: wrapping your li tags with anchors is now totally acceptable.

More Related Contents:

  1. How to design an HTML/CSS signature that will work in Outlook 2016? [duplicate]
  2. How to align 3 divs (left/center/right) inside another div?
  3. Styling an input type=”file” button
  4. How to add images in select list?
  5. CSS: Width in percentage and Borders
  6. Why does z-index not work?
  7. CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue
  8. :after and :before CSS pseudo elements hack for Internet Explorer 7
  9. Percent pie chart with css only
  10. Extend bootstrap row outside the container
  11. Why is my Grid element’s height not being calculated correctly?
  12. html/css hexagon with image inside
  13. Margin top in inline element
  14. CSS image resize issue
  15. Floating an image to the bottom right with text wrapping around
  16. HTML + CSS: Ordered List without the Period?
  17. How can I style a file input field in Firefox?
  18. How can I center a div within another div? [duplicate]
  19. Slanted diagonal line in html or css?
  20. Why do s clear floats?
  21. Chrome does not expand flex parent according to children’s content [duplicate]
  22. How can I vertically center text in a dynamically height div?
  23. How to get ScrollBars in SVG?
  24. remove blur effect on child element
  25. Is there an equivalent of CSS max-width that works in HTML emails?
  26. How might I force a floating DIV to match the height of another floating DIV?
  27. Is it alright to use multiple h1 tags on the same page, but style them differently? [closed]
  28. Making part of a div transparent
  29. Curved lines using only HTML and/or CSS
  30. Table with table-layout: fixed; and how to make one column wider

Leave a Comment