How to style a horizontal list with bullets between items using CSS?

by

For those of you who don’t have to worry about IE8, this is as simple as:

ul li { list-style: none; display: inline; }
ul li:after { content: " \00b7"; }
ul li:last-child:after { content: none; }

Related Contents:

  1. Make body have 100% of the browser height
  2. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  3. HTML table with 100% width, with vertical scroll inside tbody
  4. Is there a CSS selector for the first direct child only?
  5. How to deal with page breaks when printing a large HTML table
  6. How can I override Bootstrap CSS styles?
  7. HTML list-style-type dash
  8. How to wrap text of HTML button with fixed width?
  9. What’s the difference between an id and a class?
  10. How to remove/ignore :hover css style on touch devices
  11. Why is a div with “display: table-cell;” not affected by margin?
  12. How do I remove background-image in css?
  13. How can I display just a portion of an image in HTML/CSS?
  14. CSS: Workaround to backdrop-filter?
  15. Optimal settings for exporting SVGs for the web from Illustrator?
  16. How to avoid a new line with the ‘p’ tag
  17. Border around specific rows in a table?
  18. :hover but :not on a specific class
  19. How to get just the responsive grid from Bootstrap 3?
  20. Using CSS td width absolute, position
  21. Progress Bar with HTML and CSS
  22. Why is “cursor:pointer” effect in CSS not working
  23. Semantics and Structure of Name-Value Pairs
  24. Unicode via CSS :before
  25. How to align footer (div) to the bottom of the page? [duplicate]
  26. Cut Corners using CSS
  27. Reverse order of columns in CSS Grid Layout
  28. Stretch text to fit width of div
  29. Change color of Chrome’s calendar icon in HTML Date Input
  30. How to set a percentage height value in HTML/CSS
  31. HTML Table Rows – How to make a unique cell have 100% width? (with screenshot explanation)
  32. Word wrap a link so it doesn’t overflow its parent div width [duplicate]
  33. How to apply font anti-alias effects in CSS? [duplicate]
  34. Can I style an image’s ALT text with CSS?
  35. Why use .h1 instead of actual h1?
  36. Is there a foreground equivalent to background-image in css?
  37. How to wrap text without regard to space and hyphen
  38. How to implement a Navbar Dropdown Hover in Bootstrap v4?
  39. How to display wrapping flex items as space-between with last row aligned left?
  40. Can I use div as a direct child of UL?
  41. CSS 100% Height, and then Scroll DIV not page
  42. Set div to remaining height using CSS with unknown height divs above and below
  43. Setting the width of inline elements
  44. Is it possible to change width of tab symbol in textarea?
  45. Fallback background-image if default doesn’t exist
  46. Removing “bullets” from unordered list
  47. How to use responsive background image in css3 in bootstrap
  48. Dropdown with a form inside with twitter-bootstrap
  49. Is it wrong to change a block element to inline with CSS if it contains another block element?
  50. Mystery white space underneath image tag [duplicate]

Leave a Comment